@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Material+Icons";

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.intl-tel-input {
  position: relative;
  display: inline-block;
}
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.intl-tel-input .hide {
  display: none;
}
.intl-tel-input .v-hide {
  visibility: hidden;
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}
.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}
@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.intl-tel-input .country-list .country {
  padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
  color: #999;
}
.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}
.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.intl-tel-input.iti-container:hover {
  cursor: pointer;
}
.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti-flag {
  width: 20px;
}
.iti-flag.be {
  width: 18px;
}
.iti-flag.ch {
  width: 15px;
}
.iti-flag.mc {
  width: 19px;
}
.iti-flag.ne {
  width: 18px;
}
.iti-flag.np {
  width: 13px;
}
.iti-flag.va {
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}
.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-BOYXIPXR.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("./media/flags@2x-W76S5GVV.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}

/* src/styles.scss */

/* src/assets/scss/fonts.css */
@font-face {
  font-family: "Notosans";
  src: url("./media/Notosans-NKHUZFSW.eot");
  src:
    url("./media/Notosans-7TOTPLOL.woff2") format("woff2"),
    url("./media/Notosans-PAATCL6N.woff") format("woff"),
    url("./media/Notosans-ZNAPSC3M.ttf") format("truetype"),
    url("./media/Notosans-NKHUZFSW.eot?#iefix") format("embedded-opentype"),
    url("./media/Notosans-PAATCL6N.woff") format("woff"),
    url("./media/Notosans-I2F5YAYC.svg#Notosans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Notosans-bold";
  src: url("./media/Notosans-bold-RSDTE3WH.eot");
  src:
    url("./media/Notosans-bold-SPQXHSAY.woff2") format("woff2"),
    url("./media/Notosans-bold-H4R7L76V.woff") format("woff"),
    url("./media/Notosans-bold-GRYZZLHD.ttf") format("truetype"),
    url("./media/Notosans-bold-RSDTE3WH.eot?#iefix") format("embedded-opentype"),
    url("./media/Notosans-bold-H4R7L76V.woff") format("woff"),
    url("./media/Notosans-bold-TJHQ6FUB.svg#Notosans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Notosans-black";
  src: url("./media/Notosans-black-BSNGEULT.eot");
  src:
    url("./media/Notosans-black-ETAABR3F.woff2") format("woff2"),
    url("./media/Notosans-black-3FRUBBG7.woff") format("woff"),
    url("./media/Notosans-black-TJQYM737.ttf") format("truetype"),
    url("./media/Notosans-black-BSNGEULT.eot?#iefix") format("embedded-opentype"),
    url("./media/Notosans-black-3FRUBBG7.woff") format("woff"),
    url("./media/Notosans-black-5RUJB52I.svg#Notosans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Notosans-medium";
  src: url("./media/Notosans-medium-DQ2H6F5R.eot");
  src:
    url("./media/Notosans-medium-4XE2J666.woff2") format("woff2"),
    url("./media/Notosans-medium-W5EG3OQS.woff") format("woff"),
    url("./media/Notosans-medium-NN452WKZ.ttf") format("truetype"),
    url("./media/Notosans-medium-DQ2H6F5R.eot?#iefix") format("embedded-opentype"),
    url("./media/Notosans-medium-W5EG3OQS.woff") format("woff"),
    url("./media/Notosans-medium-NKWRRGDZ.svg#Notosans") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* src/assets/scss/main.scss */
* {
  box-sizing: border-box;
}
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,
i,
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: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
input:focus,
button:focus {
  outline: none;
}
select {
  outline: none;
  cursor: pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input,
select,
button {
  font-family: "Notosans";
}
html {
  overflow-x: hidden;
  font-size: 16px;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family: "Notosans-medium";
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.modal-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-popup.for-video {
  position: relative;
}
.modal-popup.crop-overlay .overlay {
  background: rgba(255, 255, 255, 0.8);
}
.modal-popup .overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
}
.modal-popup .overlay {
  opacity: 1;
  visibility: visible;
}
.modal-popup footer {
  display: none !important;
}
.audio-started {
  padding-bottom: 91px;
}
.videos-dimensions.play-has-started.play-user-active .play-text-track-display > div > div > div,
.videos-dimensions.play-has-started .play-text-track-display > div > div > div {
  padding-bottom: 0;
  display: inline-block !important;
  top: auto !important;
  text-shadow: 0 2px 5px #000;
}
.videos-dimensions.play-has-started.play-user-inactive.play-playing .play-text-track-display > div > div {
  margin-top: 0;
}
.videos-dimensions.play-user-active .play-text-track-display {
  bottom: 90px;
}
.videos-dimensions.play-user-inactive .play-text-track-display {
  bottom: 3em;
}
.videos-dimensions.play-fluid.play-paused .play-text-track-display {
  bottom: 90px;
}
.videos-dimensions .play-text-track-display > div > div {
  position: absolute !important;
  top: auto !important;
}
.videos-dimensions .play-text-track-display {
  transition: 1s ease-in-out;
}
.videos-dimensions.play-error .play-error-display .play-modal-dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  outline: none;
}
body {
  padding-top: 70px;
}
body .home-banner {
  margin-top: -70px;
}
body.body-video-page {
  padding-top: 0;
}
.first-user-activated .live-banner .player {
  height: calc(100vh - 4rem);
}
.live-banner {
  background: #0c0c0c;
  position: relative;
  overflow: hidden;
}
.live-banner .player {
  height: calc(100vh - 1.5rem);
  width: 100%;
  margin: 0 auto;
  position: relative;
  outline: none;
}
.live-banner .player:focus {
  outline: none;
}
.live-banner .player:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(45, 44, 40, 0.55) 100%);
  z-index: 1;
}
.live-banner .player .video-cs-blk {
  z-index: 2;
}
.live-banner .player .video-cs-blk .movie-title {
  z-index: 2;
}
.live-banner .player .video-cs-blk .movie-title h2 {
  color: #fff;
  font-family: "Notosans-bold";
  font-size: 1.375rem;
  z-index: 1;
}
.live-banner .player .live-video-player {
  z-index: 1;
}
.play-js,
.play-js.play-hls-quality-selector {
  width: 100%;
  max-width: 100%;
  outline: none;
}
.play-js:focus,
.play-js.play-hls-quality-selector:focus {
  outline: none;
}
.play-js video,
.play-js.play-hls-quality-selector video {
  outline: none;
}
.play-text-track-display,
.play-text-track-display {
  outline: none;
}
@media screen and (min-width: 1500px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  body {
    margin-bottom: 47px;
    padding-top: 56px;
  }
  body.first-user-activated {
    padding-top: 57px;
  }
  body .home-banner {
    margin-top: 0;
  }
  body.body-video-page {
    padding-top: 0;
  }
}
@media (max-width: 796px) {
  body.body-video-page {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }
  body.first-user-activated {
    padding-top: 60px !important;
  }
  body.body-video-page {
    padding-top: 0;
  }
}
@media (max-width: 560px) {
  body {
    padding-top: 60px;
  }
  body.first-user-activated {
    padding-top: 60px !important;
  }
  body.body-video-page {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 441px) {
  body.first-user-activated {
    padding-top: 60px !important;
  }
  body.body-video-page {
    padding-top: 0;
  }
}
.movie-title.title-grd {
  display: flex !important;
  gap: 10px !important;
  cursor: pointer;
}
h2.video-name-back-button {
  color: #fff !important;
  margin-top: 9px;
  font-size: 15px;
  cursor: default;
}
.backbutton {
  background-color: #FB8541;
  width: 35px;
  height: 35px;
  border-radius: 19px;
  padding: 8px;
}
.fast-forward-button {
  position: absolute;
  z-index: 9999;
  width: 46%;
  border-radius: 15px;
  padding: 5px;
  top: 70px;
  bottom: 35px;
  left: 0;
  color: #fff;
}
.fast-backward-button {
  position: absolute;
  z-index: 9999;
  width: 46%;
  bottom: 115px;
  border-radius: 15px;
  padding: 5px;
  top: 70px;
  right: 0;
  color: #fff;
}
.time-text {
  font-size: 14px !important;
  color: #fff;
  background-color: #0c0c0c !important;
  width: 40px;
  padding: 5px;
  margin-left: 200px;
  margin-top: 70%;
  border: 2px dotted #fff;
}
.email-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3294117647);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
#email-container {
  position: absolute;
  z-index: 99999;
  top: 70%;
  right: 50%;
}
.vjs-customize-button {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 6em !important;
  flex: none;
}
.vjs-center-customize-button {
  position: absolute;
  margin-top: 29px;
  margin-left: 22px;
}
.vjs-settings-menu,
.vjs-settings-submenu {
  position: fixed;
  bottom: 32px;
  right: 30px;
  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)), rgba(18, 18, 18, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  z-index: 99999;
  color: white;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: all 0.15s ease-in-out;
  padding: 12px 0;
  min-height: 350px;
  min-width: 200px;
  overflow: hidden;
}
.vjs-settings-title {
  padding: 8px 12px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.vjs-settings-title.back {
  cursor: pointer;
}
.vjs-settings-title.back:hover {
  background: rgba(255, 255, 255, 0.12);
}
.vjs-settings-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.vjs-settings-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
.vjs-settings-item.vjs-selected {
  color: #fff;
  font-weight: 600;
}
.vjs-settings-item.vjs-selected::after {
  content: "\2713";
  margin-left: 12px;
  color: #FB8541;
  font-weight: 700;
}
.vjs-settings-item small {
  opacity: 0.6;
  font-size: 12px;
}
.vjs-toggle-switch {
  display: inline-block;
  flex: 0 0 auto;
  position: relative;
  width: 38px;
  height: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.25);
  transition: background 0.15s ease;
}
.vjs-toggle-switch.on {
  background: #FB8541;
}
.vjs-toggle-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: left 0.15s ease;
}
.vjs-toggle-switch.on .vjs-toggle-knob {
  left: 20px;
}
.vjs-settings-item.vjs-settings-disabled {
  opacity: 0.5;
  cursor: default;
}
.vjs-settings-item.vjs-settings-disabled:hover {
  background: transparent;
}
.has-child span {
  opacity: 0.6;
}
.vjs-hidden {
  display: none;
}
.vjs-settings-button {
  margin-top: 7px;
}
.vjs-settings-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin: 6px 0;
}
.vjs-settings-transport {
  display: flex;
  justify-content: space-around;
  padding: 6px 0;
}
.vjs-settings-transport button {
  background: transparent;
  border: none;
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.video-js:fullscreen .vjs-settings-menu,
.video-js:fullscreen .vjs-settings-submenu {
  position: fixed !important;
  top: auto;
  bottom: 34px;
  right: 20px;
  transform: none !important;
  font-size: 14px !important;
  zoom: 1 !important;
  height: 290px;
}
.vjs-center-email-text {
  position: absolute;
  top: 70%;
  left: 50%;
}
img.play-pause-icon {
  width: 50px;
  height: 50px;
}
.vjs-related-overlay {
  position: absolute;
  right: 24px;
  bottom: 5em;
  width: 300px;
  max-width: 60%;
  z-index: 1000001;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.vjs-related-overlay.vjs-hidden {
  display: none;
}
.vjs-related-close {
  position: absolute;
  top: 2px;
  right: 6px;
  z-index: 1;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}
.vjs-related-card {
  cursor: pointer;
}
.vjs-related-label {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.vjs-related-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 6px;
  overflow: hidden;
  background: #111;
}
.vjs-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vjs-related-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  transition: background 0.15s ease;
}
.vjs-related-play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent #fff;
}
.vjs-related-card:hover .vjs-related-play {
  background: rgba(226, 113, 37, 0.9);
}
.vjs-related-duration {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 3px;
}
.vjs-related-title {
  margin-top: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vjs-nextup-count {
  color: #e27125;
  font-weight: 700;
}
.vjs-nextup-cancel {
  margin-top: 8px;
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 13px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.vjs-nextup-cancel:hover {
  background: rgba(255, 255, 255, 0.22);
}
@media (max-width: 600px) {
  .vjs-related-overlay {
    right: 12px;
    bottom: 4.5em;
    width: 200px;
    padding: 8px;
  }
}
body.shorts-player-open {
  overflow: hidden;
}
body.shorts-player-open app-footer,
body.shorts-player-open footer {
  display: none !important;
}
body.shorts-player-open .whole-header {
  z-index: 101;
  visibility: hidden !important;
  pointer-events: none;
}
body.shorts-player-open .whole-header .share-popup.open {
  visibility: visible;
  pointer-events: auto;
}
body.shorts-player-open.modal-popup .whole-header .overlay {
  visibility: visible;
  pointer-events: auto;
}
.main-dark {
  padding: 80px 0 0 !important;
}
.main-dark .button-gradient,
.main-light .payment-page .payment-container .payment-btns .main-dark a:hover,
.main-light .card-payment-popup .main-dark .pay-secure-btn,
.main-light .card-payment-popup .main-dark .back-btn,
.main-light .pricing .single-subscription .main-dark .subscribe:hover,
.main-light .profile-page .profile-right .profile-dashboard label .main-dark span,
.main-light .vplay-comments .main-dark .cmt-submit,
.main-light .video-detail-page .play-info .main-dark .play-btn,
.main-light .contact-us .contact-us-content .left-side .button .main-dark .submit,
.main-light .reset-password form .main-dark .reset-btn,
.main-light .login-signup-modal .main-dark .signin.active,
.main-light .f-row .notification-blk .notification-dropdown .main-dark .clear-all,
.main-light .crop-popup .main-dark h5,
.main-light .create-playlist-popup .create-new-playlist .main-dark button,
.main-dark .payment-page .payment-container .payment-btns a:hover,
.main-dark .card-payment-popup .pay-secure-btn,
.main-dark .card-payment-popup .back-btn,
.main-dark .pricing .single-subscription .subscribe:hover,
.main-dark .profile-page .profile-right .profile-dashboard label span,
.main-dark .vplay-comments .cmt-submit,
.main-dark .video-detail-page .play-info .play-btn,
.main-dark .contact-us .contact-us-content .left-side .button .submit,
.main-dark .reset-password form .reset-btn,
.main-dark .login-signup-modal .signin.active,
.main-dark .f-row .notification-blk .notification-dropdown .clear-all,
.main-dark .back_btn,
.main-dark .crop-popup h5,
.main-dark .create-playlist-popup .create-new-playlist button,
.main-dark .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .cancel-btn,
.main-light .vplay-comments .main-dark .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .see-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .vplay-comments .load-more,
.main-dark .video-detail-page .see-more-blk .see-more {
  color: #fff;
  background: #FB8541;
  background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
  background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background:
    linear-gradient(
      to right,
      #FB8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-dark {
}
.main-dark html {
  font-size: 16px;
  -webkit-text-size-adjust: auto;
  -ms-text-size-adjust: 16px;
}
.main-dark {
}
.main-dark .wave {
  position: relative;
  overflow: hidden;
}
.main-dark .wave:hover,
.main-dark .wave:focus {
  color: #fff;
}
.main-dark .wave:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.main-dark .wave:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.main-dark .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .cancel-btn,
.main-light .vplay-comments .main-dark .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .see-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .vplay-comments .load-more,
.main-dark .video-detail-page .see-more-blk .see-more {
  display: inline-block;
  text-align: center;
  border: 0;
  font-size: 1.0625rem;
  font-family: "Notosans-medium";
  letter-spacing: 1px;
  padding: 0.9375rem 1.25rem;
  border-radius: 0.25rem;
  width: 16.25rem;
  cursor: pointer;
}
.main-dark {
}
.main-dark .playlist-item {
  border-radius: 0.1875rem;
  overflow: hidden;
  box-shadow: 1px 1px 15px 0 #c3c3c3;
}
.main-dark .playlist-item .playlist-img {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 10.75rem;
  position: relative;
}
.main-dark .playlist-item .play-overlay {
  position: absolute;
  width: 40%;
  height: 100%;
  right: 0;
  background: rgba(4, 3, 3, 0.61);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-right-radius: 3px;
}
.main-dark .playlist-item .play-overlay .count-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-dark .playlist-item .play-overlay .count-playlist svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
.main-dark .playlist-item .play-overlay .count-playlist-num {
  color: #fff;
  font-size: 1.0625rem;
  font-family: "Notosans";
  margin-right: 8px;
  padding-bottom: 5px;
}
.main-dark .playlist-item .play-content {
  background: #fff;
  width: 100%;
  padding: 0 1.5625rem 0 0.9375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 3.4375rem;
}
.main-dark .playlist-item .play-content .add-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-dark .playlist-item .play-content .add-playlist svg {
  transform: scale(0.5);
  transition: all ease 0.4s;
}
.main-dark .playlist-item .play-content .add-playlist .add {
  width: 25px;
  height: 25px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-dark .playlist-item .play-content .add-playlist .added {
  height: 28px;
  width: 30px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-dark {
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 1px 5px 0 rgba(152, 152, 152, 0);
  cursor: pointer;
  background: #14253d;
}
.main-dark .slider-item.zindex,
.main-light .profile-page .profile-right .history .history-container .main-dark .zindex.item,
.main-dark .profile-page .profile-right .history .history-container .zindex.item {
  z-index: 2;
}
.main-dark .slider-item:hover .like-box,
.main-light .profile-page .profile-right .history .history-container .main-dark .item:hover .like-box,
.main-dark .profile-page .profile-right .history .history-container .item:hover .like-box {
  transform: scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all ease 0.4s;
}
.main-dark .slider-item.cardOverlay .slider-img:before,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .slider-img:before,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .slider-img:before {
  content: "";
  background: #14253d;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.main-dark .slider-item.cardOverlay .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .play-video,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .play-video {
  background: url("./media/live-streaming-CHHBQRKA.svg") no-repeat;
  visibility: visible;
  opacity: 1;
  width: 5.3125rem;
  height: 3.125rem;
  background-size: 4.6875rem 3.125rem;
}
.main-dark .slider-item.cardOverlay .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .slider-content .live-icon {
  display: none;
}
.main-dark .slider-item .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .item .play-video {
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0;
  visibility: hidden;
  transition: ease all 0.3s;
}
.main-dark .slider-item .like-box,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like-box,
.main-dark .profile-page .profile-right .history .history-container .item .like-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.49);
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
}
.main-dark .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like,
.main-dark .profile-page .profile-right .history .history-container .item .like,
.main-dark .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .liked,
.main-dark .profile-page .profile-right .history .history-container .item .liked {
  background-repeat: no-repeat;
  background-size: contain;
  width: 17px !important;
  height: 17px;
  display: inline-block;
}
.main-dark .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like,
.main-dark .profile-page .profile-right .history .history-container .item .like {
  background-image: url("./media/white-like-6F2AHPH6.svg");
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .liked,
.main-dark .profile-page .profile-right .history .history-container .item .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .slider-item .slider-img,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  overflow: visible;
  min-height: 8.4375rem;
  display: block;
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.main-dark .slider-item .slider-img.as-bg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-img.as-bg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-img.as-bg {
  height: 13.4375rem;
}
.main-dark .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .item img,
.main-dark .profile-page .profile-right .history .history-container .item img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-dark .slider-item .premium-tag,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .premium-tag,
.main-dark .profile-page .profile-right .history .history-container .item .premium-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark .slider-item .free-tag,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .free-tag,
.main-dark .profile-page .profile-right .history .history-container .item .free-tag {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 11px;
  border-radius: 0px;
  padding: 1px 6px;
  vertical-align: middle;
  background: #288e81;
  font-family: "Notosans-bold";
}
.main-dark .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content {
  position: relative;
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 80px;
}
@media (max-width: 800px) {
  .main-dark .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content {
    height: 65px;
  }
}
.main-dark .slider-item .slider-content p,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content p,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content p {
  font-family: "Notosans";
  color: #cacaca;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  text-align: left;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.main-dark .slider-item .slider-content .category-text,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .category-text,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .category-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .slider-item .slider-content .live-concert,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-concert,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-concert {
  font-family: "Notosans";
  font-size: 0.875rem;
}
.main-dark .slider-item .slider-content .time,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .time,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .time {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  font-family: "Notosans";
  white-space: nowrap;
}
.main-dark .slider-item .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-icon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
}
.main-dark .slider-item .slider-content .live-icon svg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-icon svg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .slider-item .slider-content .video-options,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark .slider-item .slider-content .video-options svg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options svg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options svg {
  width: 1.0625rem;
  height: 1.0625rem;
  display: block;
}
.main-dark .video-option-list {
  position: absolute;
  right: 0.625rem;
  bottom: 100%;
  width: 9.375rem;
  border-radius: 2px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4);
  transform-origin: bottom right;
  box-shadow: 0px 3px 6px 0 rgba(152, 152, 152, 0);
  transition: all ease 0.4s;
  z-index: 2;
}
.main-dark .video-option-list.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform-origin: bottom right;
  transition: all ease 0.3s;
}
.main-dark .video-option-list ul {
  padding: 5px 0;
  background: #14253d;
}
.main-dark .video-option-list li {
  padding: 0.25rem 0.9375rem;
  cursor: pointer;
}
.main-dark .video-option-list li a {
  color: #e4e4e4;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .video-option-list li a i {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.main-dark .video-option-list li a .share-icon {
  background-image: url("./media/share-SJB2O7GV.svg");
  width: 15px;
  height: 15px;
}
.main-dark .video-option-list li a .playlist-icon {
  background-image: url("./media/add-playlist-RXBEJN7L.svg");
  width: 18px;
  height: 18px;
}
.main-dark .video-option-list li:hover {
  background: #091c34;
}
.main-dark .video-option-list li:hover {
  background: #091c34;
}
.main-dark .modal-open {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main-dark .share-popup {
  position: fixed;
  max-width: 26.25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.625rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .share-popup.close {
  display: none;
}
.main-dark .share-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .share-popup .share-tittle {
  position: relative;
  padding: 1rem 0.625rem 1rem 2.5rem;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .share-popup .share-tittle .close {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.main-dark .share-popup h4 {
  color: #5b5b5b;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.main-dark .share-popup .share-content {
  padding: 1.25rem 2.5rem;
}
.main-dark .share-popup .share-content .share-movie {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .share-popup .share-content .share-movie span {
  color: #2d2d2d;
  font-size: 1.1875rem;
  font-family: "Notosans";
  display: inline-block;
  width: 66%;
  word-break: break-word;
  white-space: normal;
}
.main-dark .share-popup .share-content .share-embed textarea {
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  resize: none;
  border: none;
  border-bottom: 1px solid #262626;
}
.main-dark .share-popup .share-content .share-embed textarea:focus {
  outline: none;
  border-bottom: 1px solid #27caf0;
}
.main-dark .share-popup .share-content .share-embed textarea:disabled {
  background: #fff;
}
.main-dark .share-popup .share-content .share-embed .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .share-popup .share-content .share-embed .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .share-popup .share-content .share-embed .cancel-btn,
.main-light .vplay-comments .main-dark .share-popup .share-content .share-embed .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .share-popup .share-content .share-embed .see-more,
.main-dark .share-popup .share-content .share-embed .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .change-password .share-popup .share-content .share-embed .cancel-btn,
.main-dark .share-popup .share-content .share-embed .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .share-popup .share-content .share-embed .cancel-btn,
.main-dark .share-popup .share-content .share-embed .vplay-comments .load-more,
.main-dark .vplay-comments .share-popup .share-content .share-embed .load-more,
.main-dark .share-popup .share-content .share-embed .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .share-popup .share-content .share-embed .see-more {
  width: 100px;
  padding: 8px;
  font-size: 13px;
}
.main-dark .share-popup .share-content .share-embed .se-cancel {
  background: #c1c1c1;
  margin-right: 10px;
}
.main-dark .share-popup .share-content .share-movie-img {
  background-repeat: no-repeat;
  background-position: unset;
  background-size: 100%;
  display: inline-block;
  width: 219px !important;
  height: 94px !important;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 1.125rem;
}
.main-dark .share-popup .share-footer {
  padding: 0.75rem 2.5rem;
  border-top: 1px solid #ccc;
}
.main-dark .share-popup .share-footer span {
  color: #5b5b5b;
  margin-right: 0.9375rem;
}
.main-dark .share-popup .share-footer a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.main-dark .share-popup .share-footer a.fb {
  background-image: url("./media/S-fb-AY36X6SY.svg");
}
.main-dark .share-popup .share-footer a.tw {
  background-image: url("./media/S-tw-QZJ3PXAD.svg");
}
.main-dark .share-popup .share-footer a.gp {
  background-image: url("./media/S-gp-Z7IIMXKS.svg");
}
.main-dark .share-popup .share-footer a.link {
  background-image: url("./media/link-3QIUFFLW.svg");
  width: 40px;
  height: 40px;
}
.main-dark .share-popup .share-footer a.embed {
  background-image: url("./media/embed-XTYOYJ7F.svg");
  width: 35px;
  height: 35px;
}
.main-dark .share-popup .share-footer a:last-child {
  margin-right: 0;
}
.main-dark .create-playlist-popup {
  position: fixed;
  max-width: 25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.4375rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-popup .close-playlist {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-dark .create-playlist-popup .close-playlist svg {
  width: 11px;
  height: 11px;
}
.main-dark .create-playlist-popup .close-playlist svg path {
  fill: #000;
}
.main-dark .create-playlist-popup .create-new-playlist {
  padding: 1.5625rem 0.625rem;
  text-align: center;
  position: relative;
}
.main-dark .create-playlist-popup .create-new-playlist button {
  padding: 0rem 1.5625rem;
  border: 0;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  line-height: 2.375rem;
  -webkit-border-radius: 2.375rem;
  -moz-border-radius: 2.375rem;
  -ms-border-radius: 2.375rem;
  border-radius: 2.375rem;
}
.main-dark .create-playlist-popup .create-new-playlist span {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  color: #afafaf;
  font-family: "Notosans";
  font-size: 0.9375rem;
  background: #fff;
  width: max-content;
  margin: auto;
  padding: 0 0.625rem;
}
.main-dark .create-playlist-popup .create-playlist-content {
  padding-top: 10px;
}
.main-dark .create-playlist-popup .create-playlist-list {
  padding: 1.25rem 1.875rem 0.9375rem;
  max-height: 240px;
  overflow: auto;
}
.main-dark .create-playlist-popup label {
  color: #393939;
  font-size: 1rem;
  font-family: "Notosans";
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.625rem;
  cursor: pointer;
}
.main-dark .create-playlist-popup label span {
  flex: 1;
  width: 50%;
}
.main-dark .create-playlist-popup label:hover {
  background: #f3f3f3;
}
.main-dark .create-playlist-popup label .checkbox {
  height: 15px;
  width: 15px;
  border-radius: 2px;
  border: 1px solid #919292;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .create-playlist-popup label .checkbox:checked {
  background-color: #f16c1f;
  height: 15px;
  width: 15px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .create-playlist-name-popup {
  position: fixed;
  max-width: 15.3125rem;
  width: 100%;
  margin: 0 auto;
  padding: 0.9375rem;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.1875rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-name-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-name-popup .common-error {
  margin-bottom: 0.625rem;
}
.main-dark .create-playlist-name-popup .input-group {
  position: relative;
}
.main-dark .create-playlist-name-popup .input-group input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #ccc;
  padding: 5px 0;
  font-family: "Notosans";
  color: #000;
}
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill:hover,
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill:hover,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-dark .create-playlist-name-popup .input-group .form-text.error {
  color: #e03b3b;
  font-size: 0.75rem;
}
.main-dark .create-playlist-name-popup .create-playlist-btns {
  text-align: right;
  padding: 0.9375rem 0 0 0;
}
.main-dark .create-playlist-name-popup .create-playlist-btns button {
  background: transparent;
  font-family: "Notosans-medium";
  border: 0;
  color: #4f4f4f;
  cursor: pointer;
}
.main-dark .create-playlist-name-popup .create-playlist-btns .cancel {
  margin-right: 1.25rem;
}
.main-dark .crop-popup {
  position: fixed;
  max-width: 25rem;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20%;
  background: #fff;
  z-index: 9;
  border-radius: 0.1875rem;
  padding-bottom: 1.875rem;
  text-align: center;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  transition: all ease 0.5s;
}
.main-dark .crop-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .crop-popup h5 {
  padding: 0.9375rem 1.375rem;
  text-align: left;
}
.main-dark .crop-popup h5 svg {
  vertical-align: middle;
}
.main-dark .crop-popup .cancel {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.main-dark .crop-popup .crop-image {
  max-height: 21.875rem;
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 1.25rem;
  padding-bottom: 0;
  overflow: auto;
  position: relative;
}
.main-dark .crop-popup .crop-image img {
  position: relative !important;
  z-index: 999;
}
.main-dark .crop-popup .crop-image .cropper {
  z-index: 999;
}
.main-dark .crop-popup .crop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  right: 1.875rem;
  bottom: 0.625rem;
  z-index: 1000;
  background: #48d04d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(49, 48, 48, 0.5);
  cursor: pointer;
}
.main-dark .crop-popup .crop svg {
  vertical-align: middle;
}
.main-dark .load-more-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  margin: 1.25rem 0;
}
.main-dark .load-more-blk .loading {
  display: block;
}
.main-dark .load-more-blk .loading svg {
  width: 45px;
  height: 45px;
}
.main-dark .flowplayer .fp-message.fp-shown {
  background: rgba(0, 0, 0, 0.57) url("./media/novideo-gif-ZPIFFU7M.gif");
  background-blend-mode: color-dodge;
  height: 100%;
  text-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 3;
  padding: 0;
}
.main-dark .fp-play-rounded-fill {
  display: none !important;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn {
  display: inline-block;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat !important;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn:before {
  display: none;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn svg {
  display: none;
}
.main-dark .play-js.play-fullscreen {
  position: relative;
  z-index: 0 !important;
}
.main-dark .common-error {
  display: inline-block;
  padding: 0.625rem 1.25rem;
  background:
    linear-gradient(
      60deg,
      #d22824,
      #da3a36);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  padding-right: 23px;
  white-space: normal;
}
.main-dark .common-error.success {
  color: #fff;
  background:
    linear-gradient(
      60deg,
      #288c6c,
      #4ea752);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.main-dark .common-error.block {
  display: block;
}
.main-dark .common-error.none {
  display: none;
}
.main-dark .common-error .close {
  color: #fff;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 8px;
  font-size: 11px !important;
  height: 13px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.main-dark #toast-container .toast-message {
  font-size: 1rem;
  font-family: "Notosans" !important;
}
.main-dark .banner-background {
  height: 17.5rem;
  display: block;
  position: relative;
  overflow: hidden;
  background: #14253d;
}
.main-dark .skeleton-loader h5 {
  width: 175px;
  height: 25px;
  display: inline-block;
  background: #252a30;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.main-dark .skeleton-loader h5.shimmer:before {
  width: 20px;
  height: 50px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-dark .skeleton-loader .shimmer.slider-content {
  background: #14253d;
  overflow: hidden;
}
.main-dark .skeleton-loader .shimmer.slider-content:before {
  width: 10px;
  height: 85px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-dark .skeleton-loader p {
  background: rgba(255, 255, 255, 0.5019607843);
  width: 100%;
  height: 15px;
  border-radius: 2px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.main-dark .skeleton-loader span {
  background: rgba(255, 255, 255, 0.5019607843);
  max-width: 60%;
  height: 15px;
  display: inline-block;
  border-radius: 2px;
  position: relative;
  z-index: 2;
}
.main-dark .skeleton-loader .contus-slider {
  display: inline-block;
}
.main-dark .skeleton-loader .contus-slider .item {
  width: 20%;
  margin: 0 0 20px 0;
  padding: 0 5px;
}
@media (max-width: 1000px) {
  .main-dark .skeleton-loader .contus-slider .item {
    max-width: 33.33%;
  }
}
@media (max-width: 1000px) {
  .main-dark .skeleton-loader .contus-slider .item {
    max-width: 50%;
  }
}
.main-dark .shimmer:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 120px;
  height: 600px;
  opacity: 0.6;
  box-shadow: 0 0 20px 20px transparent;
  display: inline-block;
  perspective: 150px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  animation: shimmer ease;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes shimmer {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.main-dark svg.success {
  width: 40px;
  display: block;
  margin: 0 auto;
  padding: 5px;
}
.main-dark .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.main-dark .path.circle {
  -webkit-animation: dash 2s ease-in-out infinite forwards;
  animation: dash 2s ease-in-out infinite forwards;
}
.main-dark .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.main-dark .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1s 0.35s ease-in forwards;
  animation: dash-check 1s 0.35s ease-in forwards;
  animation-delay: 1s;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.main-dark .getting-data-loader .bar {
  width: 60px;
  height: 20px;
}
.main-dark .getting-data-loader .bar {
  position: absolute;
  display: flex;
  align-items: center;
}
.main-dark .getting-data-loader .bar::before,
.main-dark .getting-data-loader .bar::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  background: #b9e0ff;
  clip-path: polygon(50% 19%, 0 76%, 100% 76%);
  opacity: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  animation: slideright 2s ease-in-out infinite;
}
.main-dark .getting-data-loader .bar1::before {
  animation-delay: 0s;
  transform: rotate(15deg);
}
.main-dark .getting-data-loader .bar1::after {
  animation-delay: 0.2s;
  transform: rotate(35deg);
}
.main-dark .getting-data-loader .bar2::before {
  animation-delay: 0.4s;
  transform: rotate(55deg);
}
.main-dark .getting-data-loader .bar2::after {
  animation-delay: 0.6s;
  transform: rotate(75deg);
}
.main-dark .getting-data-loader .bar3::before {
  animation-delay: 0.8s;
  transform: rotate(95deg);
}
.main-dark .getting-data-loader .bar3::after {
  animation-delay: 1s;
  transform: rotate(115deg);
}
@-webkit-keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
@keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
.main-dark .no-video-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 26.25rem;
}
.main-dark .no-video-blk h4 {
  font-size: 1.5625rem;
  font-family: "Notosans";
  color: #a9a8a8;
  padding: 1.875rem 0;
  text-align: center;
}
.main-dark .mobile-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease;
}
.main-dark .online-toast {
  color: #fff;
  background: #5f5c5c;
  width: 300px;
  text-align: center;
  padding: 20px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 35px;
  font-size: 0.875rem;
}
.main-dark .close-popup {
  position: absolute;
  right: 10px;
  top: 5px;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-dark .close-popup svg {
  width: 12px;
  height: 12px;
}
.main-dark app-player.video-player-center,
.main-dark .video-player-center {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark app-player.video-player-center.title-grd:before,
.main-dark .video-player-center.title-grd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgb(0, 0, 0) 0%,
      rgba(0, 0, 0, 0.55) 20%,
      rgba(0, 0, 0, 0) 100%);
  z-index: 5;
}
.main-dark app-player.video-player-center.title-grd.rem-name:before,
.main-dark .video-player-center.title-grd.rem-name:before {
  display: none;
}
.main-dark app-player.video-player-center .movie-title,
.main-dark .video-player-center .movie-title {
  margin-left: 20px;
  z-index: 5;
}
.main-dark app-player.video-player-center .movie-title h2,
.main-dark .video-player-center .movie-title h2 {
  color: #fff;
  font-family: "Notosans-bold";
  font-size: 1.375rem;
}
.main-dark app-player.video-player-center .movie-title h3,
.main-dark .video-player-center .movie-title h3 {
  color: #fff;
  font-family: "Notosans";
  font-size: 1rem;
  padding-top: 10px;
}
.main-dark .video-cs-blk {
  position: absolute;
  top: 30px;
  left: 5%;
  display: flex;
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .next-video {
  position: absolute;
  bottom: 25px;
  right: 160px;
  font-size: 1rem;
  z-index: 9;
  padding: 5px 20px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  transition: all ease 0.3s;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .next-video:hover {
  color: #19b4d7;
}
.main-dark .next-video:hover svg {
  fill: #19b4d7;
}
.main-dark .next-video svg {
  width: 10px;
  height: 10px;
  fill: #ffffff;
  margin-left: 10px;
}
.main-dark .back_btn {
  position: relative;
  display: block;
  border-radius: 100%;
  width: 2.8125rem;
  height: 2.8125rem;
  z-index: 6;
  cursor: pointer;
}
.main-dark .back_btn svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-dark .back_btn:hover .back_btn_tooltip {
  visibility: visible;
  opacity: 1;
  margin-left: 20px;
  transition: margin-left 0.3s ease;
}
.main-dark .back_btn .back_btn_tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 30px;
  color: #fff;
  white-space: nowrap;
  background: #171717;
  padding: 7px 10px;
  transform: translateY(-50%);
  font-size: 0.95rem;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: margin-left 0.3s ease;
}
.main-dark .back_btn .back_btn_tooltip:before {
  content: "";
  width: auto;
  border-right: 10px solid #171717;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -10px;
}
.main-dark .countdown-blk {
  position: relative;
  height: 31.25rem;
  overflow: hidden;
}
.main-dark .countdown-blk {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-dark .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-dark .countdown-blk .countdown div {
  border: 1px #29b6f6 solid;
  padding: 10px;
  background: #29b6f6;
  border-radius: 2px;
  opacity: 1;
  margin: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
}
.main-dark .countdown-blk strong {
  font-size: 2.75rem;
  height: 6.25rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: #27caf0;
  text-align: center;
}
.main-dark .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 10rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .live-now-tag,
.main-dark .premium-tag {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  border-radius: 2px;
  display: inline-block;
  padding: 4px 10px;
  vertical-align: middle;
}
.main-dark .live-now-tag {
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-dark .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark {
}
.main-dark .contus-slider {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.main-dark .owl-nav button {
  webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  background: none;
  cursor: pointer;
}
.main-dark .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content {
  text-align: left;
}
.main-dark .contus-slider-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 1.25rem 5px;
}
.main-dark .cs-slider {
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.main-dark .cs-slider .item {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
@media (min-width: 1601px) {
  .main-dark .cs-slider .item {
    max-height: 300px;
  }
}
.main-dark .cs-slider .item.row-last-item .video-card-trailer {
  left: -106% !important;
}
.main-dark .cs-slider .item.row-last-item:hover .video-card-trailer {
  opacity: 1;
  visibility: hidden;
  transform: scale(1.9);
}
.main-dark .cs-slider .item:hover .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .cs-slider .item:hover .slider-item.notrailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .notrailer.item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .notrailer.item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .notrailer.item {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .cs-slider .item:hover .slider-item.expand,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .expand.item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .expand.item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .expand.item {
  transform: scale3d(1.7, 1.7, 1) translate3d(19%, 0px, 0px) perspective(480px);
}
.main-dark .cs-slider .item:hover .slider-item .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .play-video,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .play-video {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark .cs-slider .item:hover .slider-item .slider-img .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .slider-img .video-card-trailer,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .slider-img .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .slider-img .video-card-trailer {
  display: block;
}
.main-dark .cs-slider .item:hover .slider-item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .video-card-trailer,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.main-dark .cs-slider .item .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  position: relative;
  max-height: 270px;
}
@media (min-width: 1601px) {
  .main-dark .cs-slider .item .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item,
  .main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item {
    max-height: 300px;
  }
}
.main-dark .cs-slider .item .slider-item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer {
  position: absolute;
  top: 0;
  left: 0%;
  transform: scale(0.5);
  width: 150%;
  height: 100%;
  background: #061323;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .image-wrapper,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .image-wrapper,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .image-wrapper,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .image-wrapper {
  position: relative;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .duration,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .duration,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .duration,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .duration {
  margin: 16px 12px;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer video,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer video,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content {
  position: absolute;
  color: #ffffff;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 15px 10px;
  background: #061323;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content p,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content p,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content p,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content p {
  font-family: "Notosans";
  color: #fff;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content span,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content span,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: 0.625rem;
  text-align: left;
}
.main-dark .cs-slider .item:hover {
  z-index: 1;
}
.main-dark .small-slider {
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-dark {
}
.main-dark .videos-dimensions.play-fluid {
  padding-top: 49%;
}
.main-dark .video-player-center .play-js.play-fluid {
  height: 100% !important;
  overflow: hidden;
}
.main-dark .tabs {
  border-bottom: 1px solid #d9d9d9;
}
.main-dark .tabs div {
  float: left;
  text-align: center;
  cursor: pointer;
  padding: 0rem 2.5625rem 0.8125rem;
  border-bottom: 4px solid transparent;
  position: relative;
  top: 2px;
}
.main-dark .tabs div a {
  font-weight: 400;
  min-width: 50px;
  color: #d0d0d0;
  font-size: 1.125rem;
  display: block;
}
.main-dark .tabs div.active:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgb(3, 150, 255);
  background: -moz-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(3, 150, 255)), color-stop(100%, rgb(82, 219, 228)));
  background: -webkit-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -o-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -ms-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background:
    linear-gradient(
      to right,
      rgb(3, 150, 255) 0%,
      rgb(82, 219, 228) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0396ff", endColorstr="#52dbe4", GradientType=1);
  -webkit-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  bottom: -2px;
  left: 0;
}
.main-dark .toast-title {
  padding-right: 20px;
}
.main-dark .common-error {
  font-size: 0.75rem;
  padding: 0.5rem 1.5625rem 0.5rem 0.5rem;
  font-family: "Notosans";
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.main-dark .common-error.success {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-dark .common-error i.close {
  width: 0.625rem;
  height: 0.625rem;
}
.main-dark .common-error i.close svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-player-center .play-js.play-fluid {
  transition: 0.5s margin ease-out;
}
.main-dark .open-live-chat {
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 6;
  transition: 0.5s margin ease-out;
  background-color: #19b4d7;
  border: none;
  border-radius: 0;
  padding: 8px 16px;
  margin-top: 16px;
  height: 50px;
  max-width: 46px;
  width: auto;
  transition: all 0.5s ease-in-out;
  color: #fff;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.main-dark .open-live-chat:hover {
  max-width: 400px;
  background: #19b4d7;
  transition: all 0.8s ease-in-out;
}
.main-dark .open-live-chat svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .open-live-chat span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .live-chat-app {
  position: fixed;
  width: 520px;
  right: 0;
  top: 0;
  height: 100vh;
  background: #F2F5F7;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s margin ease-out;
}
.main-dark .live-chat-app .livechat-header {
  display: flex;
  background: #FAFAFA;
}
.main-dark .live-chat-app .livechat-header .close-live-chat {
  width: 4.1875rem;
  height: 4.1875rem;
  background: #19b4d7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main-dark .live-chat-app .livechat-header .close-live-chat svg {
  width: 1.375rem;
}
.main-dark .live-chat-app .livechat-header .live-chat-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: #FAFAFA;
  font-size: 1.125rem;
  color: #222222;
}
.main-dark .live-chat-app .live-chat-contnet {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 135px);
}
.main-dark .live-chat-app .live-chat-contnet ul {
  padding: 0.9375rem 0;
  height: 100%;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 25px;
  margin-bottom: 5px;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-avator {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  margin-right: 0.75rem;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  max-width: 90%;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-person {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #444444;
  margin-bottom: 0px;
  font-family: "Notosans";
  margin-right: 5px;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-time {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #999999;
  margin-left: auto;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .message {
  color: #222222;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-top: 2px;
  word-break: break-word;
}
.main-dark .live-chat-app .live-chat-input {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  border-top: 1px solid #C5C5C5;
  width: 100%;
  padding: 0.9375rem 1.5625rem;
  background: #F2F5F7;
}
.main-dark .live-chat-app .live-chat-input img {
  width: 1.9375rem !important;
  height: 1.9375rem !important;
  display: block;
  margin-right: 1.25rem;
  border-radius: 50%;
}
.main-dark .live-chat-app .live-chat-input .live-chat-text-input-field {
  resize: none;
  overflow: hidden;
  padding: 0.3125rem;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.875rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  word-wrap: break-word;
  white-space: pre-wrap;
  min-height: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  text-align: left;
  height: auto;
  max-height: 127px;
  color: #687984;
  line-height: 1.25rem;
}
.main-dark .live-chat-app .live-chat-input .send-comment {
  width: 1.875rem;
  margin-left: 1.25rem;
}
.main-dark .live-chat-app .error-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #F2F5F7;
  width: 100%;
}
.main-dark .live-chat-app .error-text .chat-error {
  text-align: center;
  font-size: 13px;
  color: #c11938;
}
.main-dark .player-live-chat #videos {
  transition: 0.5s margin ease-in;
}
.main-dark .player-live-chat .live-chat-app {
  visibility: visible;
  opacity: 1;
  transition: 0.5s margin ease-in;
}
.main-dark .player-live-chat .open-live-chat {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1600px) {
  .main-dark .next-video {
    bottom: 45px;
    right: 220px;
  }
}
@media (min-width: 1401px) and (max-width: 1599px) {
  .main-dark .next-video {
    bottom: 25px;
    right: 220px;
  }
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .main-dark .next-video {
    bottom: 28px;
  }
  .main-dark .play-fullscreen .next-video {
    bottom: 28px;
  }
}
@media (max-width: 450px) {
  .main-dark .next-video {
    bottom: 70px;
    right: 10px;
  }
}
.main-dark html {
  scroll-behavior: smooth;
}
.main-dark button,
.main-dark input,
.main-dark textarea,
.main-dark select {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.main-dark button,
.main-dark input {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-dark button::-moz-focus-inner {
  border: 0;
  outline: 0;
}
.main-dark a {
  border: 0;
  outline: 0;
}
.main-dark input:-webkit-autofill,
.main-dark input:-webkit-autofill:hover,
.main-dark input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark select:-webkit-autofill,
.main-dark select:-webkit-autofill:hover,
.main-dark select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ccc;
}
.main-dark .login-signup-modal input:-webkit-autofill,
.main-dark .login-signup-modal input:-webkit-autofill:hover,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .login-signup-modal select:-webkit-autofill,
.main-dark .login-signup-modal select:-webkit-autofill:hover,
.main-dark .login-signup-modal select:-webkit-autofill:focus {
  -webkit-text-fill-color: #252525;
}
.main-dark .login-signup-modal input:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover::-webkit-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover::-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus::-moz-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover:-ms-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus:-ms-input-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover:-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus:-moz-placeholder {
  color: #979797;
}
.main-dark input:focus,
.main-dark button:focus {
  outline: none;
}
.main-dark input::-webkit-autofill,
.main-dark input::-webkit-contacts-auto-fill-button,
.main-dark input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.main-dark select {
  outline: none;
  cursor: pointer;
  background: transparent;
}
.main-dark input:-webkit-autofill,
.main-dark input:-webkit-autofill:hover,
.main-dark input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark select:-webkit-autofill,
.main-dark select:-webkit-autofill:hover,
.main-dark select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-dark input,
.main-dark select,
.main-dark button {
  font-family: "Notosans-medium";
}
.main-dark h1,
.main-dark h2,
.main-dark h3,
.main-dark h4,
.main-dark h5,
.main-dark h6,
.main-dark p,
.main-dark ul,
.main-dark li,
.main-dark i,
.main-dark a,
.main-dark span,
.main-dark em,
.main-dark div,
.main-dark input,
.main-dark textarea,
.main-dark select,
.main-dark button,
.main-dark ol {
  font-family: "Notosans-medium";
}
.main-dark input::-webkit-outer-spin-button,
.main-dark input::-webkit-inner-spin-button,
.main-dark select::-webkit-outer-spin-button,
.main-dark select::-webkit-inner-spin-button,
.main-dark select {
  -webkit-appearance: none;
  margin: 0;
  border-radius: 0;
}
.main-dark input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.main-dark input[type=password]::-ms-reveal,
.main-dark input[type=password]::-ms-clear {
  display: none;
}
.main-dark button::-moz-focus-inner {
  border: 0;
}
.main-dark button::-webkit-focus-inner {
  border: 0;
}
.main-dark button::-o-focus-inner {
  border: 0;
}
.main-dark select::-moz-focus-inner {
  border: 0;
}
.main-dark select::-webkit-focus-inner {
  border: 0;
}
.main-dark select::-o-focus-inner {
  border: 0;
}
.main-dark .min-content {
  min-height: calc(100vh - 315px);
}
.main-dark .owl-prev.disabled,
.main-dark .owl-next.disabled {
  display: none !important;
}
.main-dark .tittle-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .tittle-blk h2 {
  font-size: 19px;
  font-family: "Notosans-medium";
  color: #fff;
}
.main-dark .tittle-blk a {
  color: #f16c1f;
  font-family: "Notosans";
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  margin: 0rem 1rem;
}
.main-dark .tittle-blk a i {
  background: url("./media/orange-arrow-7JXRZHV6.svg") no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  transition: all ease 0.2s;
}
.main-dark .tittle-blk a:hover i {
  transform: translate(5px, 0);
  transition: all ease 0.2s;
}
.main-dark .container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.main-dark .s-container {
  width: 95%;
  margin: auto;
  position: relative;
}
.main-dark .first-user {
  display: block;
  background: #484848;
  color: #fff;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: "Notosans";
  position: relative;
}
.main-dark .first-user p {
  padding-right: 40px;
}
.main-dark .first-user i {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.main-dark .first-user i svg {
  display: inherit;
}
.main-dark .whole-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
.main-dark .whole-header.header-fixed .first-user {
  opacity: 0;
}
.main-dark header {
  background: transparent;
  position: static;
  z-index: 4;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all ease 0.3s;
}
.main-dark header.fixed {
  position: fixed;
  transition: all ease 0.3s;
  animation: fixed 0.3s 1;
  background: #091c34;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
@keyframes fixed {
  from {
    top: -10px;
  }
  to {
    top: 0;
  }
}
.main-dark header.home-header {
  background: transparent;
  box-shadow: none;
}
.main-dark header.home-header.live-header {
  background: #091c34;
}
.main-dark header.home-header .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-dark header.home-header .f-row .search-blk i svg {
  width: 20px;
  height: 100%;
  margin-left: -20px;
}
.main-dark header.home-header .f-row .search-blk i svg path {
  fill: #acacac;
}
.main-dark header.home-header .f-row .search-blk i svg:hover path,
.main-dark header.home-header .f-row .search-blk i svg:active path {
  fill: #acacac;
}
.main-dark header.home-header.fixed {
  background: #0a1c34;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-dark header.home-header.fixed .f-row .logo .home_logo {
  display: none;
}
.main-dark header.home-header.fixed .f-row .toggle-menu .line-menu {
  background-color: #565656;
}
.main-dark header.home-header.fixed .f-row .toggle-profile .line-menu {
  background-color: #565656;
}
.main-dark header.home-header.fixed .f-row .down-arrow polygon {
  fill: #fff;
}
.main-dark header.home-header.fixed .f-row .logo .default_logo {
  display: block;
}
.main-dark header.home-header.fixed .f-row .menu-set a {
  color: #cccccc !important;
}
.main-dark header.home-header.fixed .f-row .menu-set a.sub-menu-link {
  color: #fff;
}
.main-dark header.home-header.fixed .f-row .menu-set a.sub-menu-link:hover {
  color: #fff;
}
.main-dark header.home-header.fixed .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg {
  margin-left: -20px !important;
  width: 18px !important;
  height: 18px !important;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg path {
  fill: #4c5c68 !important;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg:hover path,
.main-dark header.home-header.fixed .f-row .search-blk i svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .dark-icon svg path {
  fill: #ffffff;
}
.main-dark header.home-header.fixed .f-row .dark-icon svg:hover path,
.main-dark header.home-header.fixed .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg:hover path,
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg path {
  fill: #ffffff;
}
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg:hover path,
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
  font-family: "Notosans-bold";
}
.main-dark header.home-header.fixed .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark header.home-header .f-row .logo .default_logo {
  display: none;
}
.main-dark header.home-header .f-row .toggle-menu .line-menu {
  background-color: #dde0e2;
}
.main-dark header.home-header .f-row .toggle-profile .line-menu {
  background-color: #dde0e2;
}
.main-dark header.home-header .f-row .logo .home_logo {
  display: block;
  margin-top: -8px;
}
.main-dark header.home-header .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
}
.main-dark header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark header.home-header .f-row .menu-set a {
  color: #cccccc;
  transition: all ease 0.3s;
}
.main-dark header.home-header .f-row .menu-set a:hover,
.main-dark header.home-header .f-row .menu-set a:active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-dark header.home-header .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-dark header.home-header .f-row .search-blk.open i svg path {
  fill: #ffffff;
}
.main-dark header.home-header .f-row .dark-icon svg path {
  fill: #fff;
}
.main-dark header.home-header .f-row .dark-icon svg:hover path,
.main-dark header.home-header .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header .f-row .notification-blk .notify-icon svg path {
  fill: #fff;
}
.main-dark header.home-header .f-row .notification-blk .notify-icon svg:hover path,
.main-dark header.home-header .f-row .notification-blk .notify-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header .f-row .profile-link svg polygon {
  fill: #fff;
}
.main-dark .f-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row {
  height: 80px;
  padding: 15px 0;
  position: relative;
  box-sizing: border-box;
}
.main-dark .f-row .logo-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
}
.main-dark .f-row .down-arrow polygon {
  fill: #fff;
}
.main-dark .f-row .dark-icon {
  position: relative;
  margin-right: 1.125rem;
  cursor: pointer;
}
.main-dark .f-row .dark-icon svg {
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}
.main-dark .f-row .dark-icon svg path {
  fill: #ffffff;
}
.main-dark .f-row .dark-icon svg:hover path,
.main-dark .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-dark .f-row .dark-icon.activated svg:hover path,
.main-dark .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-dark .f-row .dark-icon .switch-theme-tt {
  position: absolute;
  width: 150px;
  padding: 5px;
  color: #ccc;
  background: #252a30;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  font-size: 13px;
  text-align: center;
  font-family: "Notosans";
  opacity: 0;
  visibility: hidden;
}
.main-dark .f-row .dark-icon .switch-theme-tt:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #252a30;
}
.main-dark .f-row .dark-icon svg:hover ~ .switch-theme-tt {
  top: 45px;
  opacity: 1;
  visibility: visible;
  transition: top ease 0.3s;
}
.main-dark .f-row .notification-blk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-dark .f-row .profile-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.main-dark .f-row .profile-image {
  background-size: cover;
  width: 2.8125rem;
  height: 2.8125rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5625rem;
  background-position: center;
  border-radius: 50%;
}
.main-dark .f-row h4 {
  font-size: 1.0875rem;
  margin-right: 0.625rem;
}
.main-dark .f-row .down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .f-row .dropdown-profile a {
  text-align: center;
}
.main-dark .f-row .dropdown-menu,
.main-dark .f-row .dropdown-profile {
  position: absolute;
  background: #091C34;
  width: 200px;
  height: auto;
  z-index: 5;
  left: -20px;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-dark .f-row .dropdown-menu.open,
.main-dark .f-row .dropdown-profile.open {
  top: 58px;
  opacity: 1;
  visibility: visible;
}
.main-dark .f-row .dropdown-menu .categories,
.main-dark .f-row .dropdown-profile .categories {
  padding: 10px 0;
}
.main-dark .f-row .dropdown-menu .personal-menu,
.main-dark .f-row .dropdown-profile .personal-menu {
  border-bottom: 1px solid rgba(221, 221, 221, 0.65);
}
.main-dark .f-row .dropdown-menu .personal-menu .playlist,
.main-dark .f-row .dropdown-menu .personal-menu .favourite,
.main-dark .f-row .dropdown-profile .personal-menu .playlist,
.main-dark .f-row .dropdown-profile .personal-menu .favourite {
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.main-dark .f-row .dropdown-menu .personal-menu .playlist,
.main-dark .f-row .dropdown-profile .personal-menu .playlist {
  background-image: url("./media/playlist-CJIORI7E.svg");
}
.main-dark .f-row .dropdown-menu .personal-menu .favourite,
.main-dark .f-row .dropdown-profile .personal-menu .favourite {
  background-image: url("./media/favourite-transparent-QLO3QKIS.svg");
  stroke: #696969;
  stroke-width: 2px;
}
.main-dark .f-row .dropdown-menu .personal-menu,
.main-dark .f-row .dropdown-menu .profile-blk,
.main-dark .f-row .dropdown-profile .personal-menu,
.main-dark .f-row .dropdown-profile .profile-blk {
  display: none;
}
.main-dark .f-row .dropdown-menu a,
.main-dark .f-row .dropdown-profile a {
  padding: 6px 20px;
  color: #d0d0d0;
  font-size: 0.9375rem;
  font-family: "Notosans";
  line-height: 1.4rem;
  width: 100%;
  display: inline-block;
  background: 0 5px 20px #000106;
}
.main-dark .f-row .dropdown-menu a:hover,
.main-dark .f-row .dropdown-menu a.active,
.main-dark .f-row .dropdown-profile a:hover,
.main-dark .f-row .dropdown-profile a.active {
  background: #0c305a;
}
.main-dark .f-row .dropdown-menu a.active,
.main-dark .f-row .dropdown-profile a.active {
  color: #f16c1f;
}
.main-dark .f-row .dropdown-profile a {
  color: #e0e0e0;
  font-size: 0.875rem;
  text-align: left;
}
.main-dark .f-row .dropdown-profile {
  width: 200px;
  left: unset;
  right: 0;
  border-radius: 2px;
}
.main-dark .f-row .toggle-menu {
  display: none !important;
}
.main-dark .f-row .toggle-menu,
.main-dark .f-row .toggle-profile {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-dark .f-row .toggle-menu .mobile-overlay.show,
.main-dark .f-row .toggle-profile .mobile-overlay.show {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.34);
}
.main-dark .f-row .toggle-profile {
  margin: 0;
}
.main-dark .f-row .logo {
  width: 150px;
  display: inline-block;
}
.main-dark .f-row .logo .home_logo {
  display: none;
}
.main-dark .f-row .logo img {
  width: 100%;
  vertical-align: bottom;
}
.main-dark .f-row .menu-set {
  margin-left: 2.5rem;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .menu-set .mobile-home,
.main-dark .f-row .menu-set .toggle-mobile-menu {
  display: none;
}
.main-dark .f-row .menu-set .hide-for-web {
  display: none;
}
.main-dark .f-row .menu-set a {
  padding: 0 0.9375rem;
  color: #fff;
  font-size: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  transition: all ease 0.3s;
}
.main-dark .f-row .menu-set a:hover,
.main-dark .f-row .menu-set a.active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-dark .f-row .menu-set a > svg {
  display: none;
}
.main-dark .f-row .menu-set a.go_premium {
  margin-left: 0.9375rem;
  text-transform: capitalize;
  font-size: 12px;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
}
.main-dark .f-row .menu-set .dropdown-menu {
  display: none;
}
.main-dark .f-row .menu-set .dropdown-menu a > svg {
  width: 18px;
  height: 18px;
  margin-right: 15px;
  fill: #d0d0d0;
  display: inline-block;
}
.main-dark .f-row .menu-set .dropdown-menu a.active > svg {
  fill: #f16c1f;
}
.main-dark .f-row .menu-set .live-vid svg {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.main-dark .f-row .search-blk {
  width: 10%;
  height: 41px;
  position: relative;
  margin: 0 1.1875rem;
  margin-right: -5px;
  transition: width 0.5s ease;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-dark .f-row .search-blk .header-search svg:hover path,
.main-dark .f-row .search-blk .header-search svg:active path {
  fill: #cccccc;
}
.main-dark .f-row .search-blk .search-results {
  display: block;
  width: 93%;
  z-index: -1;
  background: #ffffff;
  position: absolute;
  top: 1.875rem;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
.main-dark .f-row .search-blk.open {
  width: 60%;
  transition: all 0.5s ease;
}
.main-dark .f-row .search-blk.open input {
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  width: 100%;
}
.main-dark .f-row .search-blk.open i {
  right: 0.9375rem;
}
.main-dark .f-row .search-blk.open .search-results {
  opacity: 1;
  visibility: visible;
  animation: result 1.5s 1 cubic-bezier(0.57, -0.43, 0, 3.65);
}
@keyframes result {
  0% {
    top: 0;
  }
  100% {
    top: 30px;
  }
}
.main-dark .f-row .search-blk.open .search-results.shadow {
  box-shadow: 0px 1px 10px 0px #b4b4b4;
}
.main-dark .f-row .search-blk.open .search-results ul {
  padding: 0.625rem 0.625rem 0rem 0.625rem;
}
.main-dark .f-row .search-blk.open .search-results li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-radius: 0.1875rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  box-shadow: 0px 1px 1px #d9d7d7;
}
.main-dark .f-row .search-blk.open .search-results li:nth-child(4) {
  box-shadow: none;
  margin-bottom: 0;
}
.main-dark .f-row .search-blk.open .search-results li:hover {
  background-color: #f3f3f3;
}
.main-dark .f-row .search-blk.open .search-results .movie-desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  flex: 1;
}
.main-dark .f-row .search-blk.open .search-results .movie-thumb {
  display: inline-block;
  width: 4.375rem;
  height: 5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.1875rem;
  margin-right: 0.75rem;
}
.main-dark .f-row .search-blk.open .search-results .movie-name {
  padding-right: 0.625rem;
  font-size: 0.9rem;
  font-family: "Notosans";
}
.main-dark .f-row .search-blk.open .search-results .movie-lang {
  color: #222222;
  opacity: 0.6;
  line-height: 1.3rem;
  font-size: 0.85rem;
  letter-spacing: 0.0625rem;
  width: 90%;
  font-family: "Notosans";
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.main-dark .f-row .search-blk.open .search-results .more-results {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  padding: 5px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  cursor: pointer;
}
.main-dark .f-row .search-blk.open .search-results .no-result {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  display: block;
  padding: 0.625rem;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.main-dark .f-row .search-blk i {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.5s ease;
}
.main-dark .f-row .search-blk i svg {
  width: 100%;
  height: 100%;
}
.main-dark .f-row .search-blk i svg path {
  fill: #ffffff;
}
.main-dark .f-row .search-blk input {
  width: 90%;
  height: 100%;
  box-shadow: none;
  padding: 5px 45px 5px 15px;
  border: 1px solid #4c5c68;
  background: #091c34;
  border-radius: 24px;
  visibility: visible;
  opacity: 1;
  font-size: 0.8rem;
  color: #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.main-dark .f-row .search-blk input::-webkit-input-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input::-moz-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-ms-input-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-moz-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-webkit-autofill,
.main-dark .f-row .search-blk input:-webkit-autofill:hover,
.main-dark .f-row .search-blk input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .f-row .search-blk textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .f-row .search-blk select:-webkit-autofill,
.main-dark .f-row .search-blk select:-webkit-autofill:hover,
.main-dark .f-row .search-blk select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ccc;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-dark .f-row .notification-blk {
  position: relative;
  margin-right: 1.125rem;
}
.main-dark .f-row .notification-blk .notify-icon {
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  position: relative;
}
.main-dark .f-row .notification-blk .notify-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .f-row .notification-blk .notify-icon svg path {
  fill: #ffffff;
}
.main-dark .f-row .notification-blk .notify-icon svg:hover path,
.main-dark .f-row .notification-blk .notify-icon svg:active path {
  fill: #cccccc;
}
.main-dark .f-row .notification-blk .notify-icon .not-count {
  top: 1px;
  right: -0.3125rem;
  position: absolute;
  color: #fff;
  font-family: "Notosans";
  font-size: 0.6875rem;
  background: #f16c1f;
  padding: 1px 4px;
  border-radius: 2px;
}
.main-dark .f-row .notification-blk .notification-dropdown {
  position: absolute;
  top: 5.625rem;
  background: #091c34;
  white-space: nowrap;
  right: -1.5625rem;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 30.625rem;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
}
.main-dark .f-row .notification-blk .notification-dropdown:before {
  content: "";
  width: auto;
  height: auto;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid #091c34;
  position: absolute;
  right: 1.3125rem;
  top: -0.9375rem;
  z-index: 5;
}
.main-dark .f-row .notification-blk .notification-dropdown.open {
  top: 3.125rem;
  visibility: visible;
  opacity: 1;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
}
.main-dark .f-row .notification-blk .notification-dropdown h4 {
  color: #e2e2e2;
  margin-right: 0;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #5a5a5a;
  padding: 0.9375rem 1.5625rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .clear-all {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.8125rem;
  font-family: "Notosans";
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 21.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
  padding: 0.425rem 0.5625rem;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:hover {
  background-color: #0a1c34;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg {
  background-color: #0a1c34;
  position: relative;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #37bedc;
  left: 8px;
  top: 0;
  margin: auto;
  bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:last-child {
  border: none;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list + .notify-list {
  border-top: 1px solid #5a5a5a;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
  width: 100%;
  max-width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  margin-right: 0.9375rem;
  overflow: hidden;
  background: center;
  border: 1px solid rgba(214, 214, 214, 0.4588235294);
  position: relative;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user .user__img {
  width: 90%;
  height: 90%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content {
  white-space: normal;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg {
  word-break: break-word;
  color: #d0d0d0;
  font-size: 0.875rem;
  display: block;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc {
  font-style: italic;
  text-decoration: underline;
  color: #fa823d;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc:hover {
  font-weight: bold;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-title {
  word-break: break-word;
  color: #d0d0d0;
  font-size: 1rem;
  display: block;
  font-weight: bold;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-time {
  color: #aaaaaa;
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
  width: 10.1875rem;
  height: 5.75rem;
  background-color: #14253d;
  border-radius: 3px;
  overflow: hidden;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb .notify-thumb-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
  margin-left: auto;
  position: relative;
  padding-left: 0.25rem;
  margin-top: -1.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more svg {
  width: 0.875rem;
  height: 0.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown {
  position: absolute;
  right: 0;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown li a {
  color: #313030;
  font-size: 0.75rem;
  display: block;
  padding: 0.625rem 1.5625rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
  height: 21.875rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
  color: #ababab;
}
.main-dark .f-row .lang-toggle {
  position: relative;
  margin-right: 1.125rem;
}
.main-dark .f-row .lang-toggle .lang-select {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  padding: 0.625rem 0;
}
.main-dark .f-row .lang-toggle .lang-select.open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark .f-row .lang-toggle .lang-select .lang-selected {
  font-size: 0.875rem;
  color: #cccccc;
  margin-right: 0.3rem;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-dark .f-row .lang-toggle .lang-select .globe-ic {
  display: none;
  margin-right: 10px;
}
.main-dark .f-row .lang-toggle .lang-select .globe-ic g {
  stroke: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow g {
  stroke: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown {
  position: absolute;
  width: 11.25rem;
  background: #091c34;
  height: auto;
  z-index: 5;
  right: 0;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  padding: 0.625rem 0;
  z-index: 1;
  white-space: nowrap;
}
.main-dark .f-row .lang-toggle .lang-dropdown.open {
  visibility: visible;
  opacity: 1;
  top: 40px;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item {
  padding: 0.4375rem 0.875rem 0.4375rem 2.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item:hover {
  background: #0c305a;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item.selected svg {
  display: block;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item.selected span {
  color: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item svg {
  width: 0.6875rem;
  height: 0.5625rem;
  margin-right: 0.875rem;
  display: none;
  position: absolute;
  left: 0.8125rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item svg path {
  fill: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item span {
  color: #e0e0e0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-dark .f-row .sign-btn {
  height: 2.25rem;
  line-height: 2.1875rem;
  border-radius: 20px;
  padding: 0 1.125rem;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: auto;
  white-space: nowrap;
  font-family: "Notosans-bold";
  cursor: pointer;
  background: #d0502d !important;
}
.main-dark .f-row .sign-btn a {
  color: #fff;
  cursor: pointer;
  font-family: "Notosans-bold";
  font-size: 16px;
}
.main-dark .f-row .mobile-login {
  display: none;
}
.main-dark .f-row .mobile-login svg path {
  fill: #ffffff;
}
.main-dark footer {
  background: #0f233d;
}
.main-dark footer .f-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 1rem 0;
}
.main-dark footer .lang-select {
  position: relative;
  display: inline-block;
  margin-top: 1.875rem;
}
.main-dark footer .lang-select i.lang-icon {
  background: url("./media/language-QOMVGHXC.svg");
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark footer .lang-select select {
  padding: 5px 10px 5px 30px;
  border: transparent;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
}
.main-dark footer .tittle {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-dark footer .footer-text a:hover {
  color: #fff;
  transform: translate(5px, 0);
  transition: all ease 0.3s;
}
.main-dark footer a {
  color: #62758e;
  font-family: "Notosans-medium";
  font-size: 15px;
  padding: 4px 0;
  display: inline-block;
  transition: all ease 0.3s;
}
.main-dark footer a.mobile,
.main-dark footer a.email {
  font-size: 1rem;
}
.main-dark footer .mobile a,
.main-dark footer .email a {
  cursor: default;
}
.main-dark footer .mobile a:hover,
.main-dark footer .email a:hover {
  transform: translate(0);
  color: #aeb0b5;
}
.main-dark footer .fb,
.main-dark footer .tw,
.main-dark footer .gp,
.main-dark footer .inst {
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
}
.main-dark footer .fb {
  background-image: url("./media/fb2-QI3NQXAE.svg");
}
.main-dark footer .tw {
  background-image: url("./media/twit1-ESU6ZVMG.svg");
  position: relative;
  margin-top: 0;
  top: 3px;
}
.main-dark footer .gp {
  background-image: url("./media/gp-POAS2J72.svg");
}
.main-dark footer .inst {
  background-image: url("./media/insta1-HLJBF4ZZ.svg");
}
.main-dark footer .mobile-icon,
.main-dark footer .email-icon {
  background-size: contain;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
}
.main-dark footer .mobile-icon {
  background-image: url("./media/mobile-PVJ7VFW3.svg");
}
.main-dark footer .email-icon {
  background-image: url("./media/email-KCWLNSEK.svg");
  position: relative;
  top: -2px;
}
.main-dark footer .app-store,
.main-dark footer .google-play {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.main-dark footer .app-store {
  background-position: -12px -54px;
  width: 124px;
  height: 40px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  display: block;
  margin-bottom: 10px;
}
.main-dark footer .social-icons {
  display: flex;
}
.main-dark footer .google-play {
  background-position: -142px -54px;
  width: 124px;
  height: 40px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
}
.main-dark .copyrights p {
  background: #091c34;
  font-family: "Notosans-medium";
  padding: 10px 0;
  color: #8394ab;
  border-top: none;
  text-align: center;
  font-size: 16px;
}
.main-dark {
}
.main-dark .modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .modal .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.main-dark .modal .modal-body {
  position: relative;
  margin: auto;
  width: 90%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.main-dark .modal .modal-content {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
}
.main-dark .modal .header {
  text-align: center;
  padding: 1.125em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-dark .modal .header h4 {
  font-size: 2.125rem;
  color: #fff;
}
.main-dark .modal .header .close {
  width: 1.375em;
  height: 1.25em;
  position: absolute;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.main-dark .login-signup-modal {
  font-family: "Notosans";
  text-align: center;
  padding: 30px 0;
  overflow: auto;
}
.main-dark .login-signup-modal .social-login-buttons {
  font-size: 0;
  margin: 0 -2% 15px;
}
.main-dark .login-signup-modal .social-login-buttons li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2%;
  width: 48%;
  font-family: "Notosans";
  margin-bottom: 7px;
}
.main-dark .login-signup-modal .social-login-buttons .google-plus {
  background: #dc3c11;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-dark .login-signup-modal .social-login-buttons .google-plus svg {
  width: 1.5em;
  height: 1.5em;
}
.main-dark .login-signup-modal .social-login-buttons .facebook {
  background: #3b4fbb;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-dark .login-signup-modal .social-login-buttons .facebook svg {
  width: 1.5em;
  height: 1.5em;
}
.main-dark .login-signup-modal .social-login-buttons svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
}
.main-dark .login-signup-modal .social-login-buttons span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.main-dark .login-signup-modal .or {
  position: relative;
  text-align: center;
  margin-bottom: 0.438em;
}
.main-dark .login-signup-modal .or span {
  background: #fff;
  display: inline-block;
  color: #797979;
  font-size: 0.8rem;
  width: 2.071em;
  line-height: 1.714em;
  position: relative;
}
.main-dark .login-signup-modal .or:before {
  width: 4.375em;
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  margin: auto;
  top: 0;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
.main-dark .login-signup-modal .or.large {
  margin-bottom: 0;
}
.main-dark .login-signup-modal .or.large:before {
  width: 11.875em;
}
.main-dark .login-signup-modal .signin {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  background: #dedede;
}
.main-dark .login-signup-modal p.dont-have {
  font-size: 0.9rem;
  color: #686868;
  margin-bottom: 0.625rem;
}
.main-dark .login-signup-modal p.dont-have .sign-up-now-link,
.main-dark .login-signup-modal p.dont-have .login-link {
  background: -webkit-linear-gradient(left, #eb2f6d 0%, #f83e28 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.9rem;
}
.main-dark .login-signup-modal .forgot-password-link {
  font-size: 1rem;
  color: #471b6f;
  margin: 0.875em 0;
}
.main-dark .login-signup-modal p {
  color: #888888;
  font-size: 0.8rem;
  line-height: 1.286em;
}
.main-dark .login-modal,
.main-dark .forgot-password-modal {
  max-width: 27.063em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-dark .signup {
  max-width: 40.063em;
}
.main-dark #Signin .login-modal {
  max-width: 36em;
}
.main-dark .back-btn {
  font-size: 13px;
  color: #d73218;
  float: left;
  cursor: pointer;
}
.main-dark .forgot-password-modal p {
  margin-bottom: 0.929em;
  text-align: left;
  color: #242424;
}
.main-dark .sign-up-modal {
  max-width: 47em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-dark .sign-up-modal .contact-number .country-code {
  width: 50%;
  float: left;
}
.main-dark .sign-up-modal .contact-number input {
  width: 50%;
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.main-dark .sign-up-modal .contact-number .chosen-container.chosen-container-active {
  z-index: 1;
  position: relative;
}
.main-dark .sign-up-modal .contact-number .chosen-container .chosen-single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.main-dark .sign-up-modal .modal-content {
  padding: 0;
}
.main-dark .sign-up-modal .modal-content .signup-content {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.main-dark .sign-up-modal .modal-content .signup-content > .or {
  width: 1.438em;
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .modal-content .signup-content > .or:before {
  border-bottom: 0;
  width: 1px;
  height: 90%;
  border-left: 1px solid #d4d4d4;
  top: 0%;
}
.main-dark .sign-up-modal .modal-content .social-login-outer {
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .left-side {
  width: 53%;
  padding: 1.75em 1.063em 1.75em 2em;
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .left-side .signin {
  margin-top: 1em;
}
.main-dark .sign-up-modal .social-login-buttons {
  display: table-cell;
  vertical-align: middle;
  padding: 1.75em 2em 1.75em 1.313em;
  font-size: 1rem;
}
.main-dark .sign-up-modal .social-login-buttons .facebook,
.main-dark .sign-up-modal .social-login-buttons .google-plus {
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-dark .sign-up-modal .dont-have {
  margin-bottom: 2em;
}
.main-dark .sign-up-modal a {
  color: #1175b9;
}
.main-dark .sign-up-modal .social-login-buttons {
  margin: 0 0 15px;
}
.main-dark .sign-up-modal .social-login-buttons li {
  width: 100%;
  padding: 0;
}
.main-dark .form-control {
  margin-bottom: 5px;
  text-align: left;
  position: relative;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  color: #252525;
  width: 100%;
  height: 2.688em;
  padding: 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 1rem;
}
.main-dark .form-control input::-webkit-input-placeholder,
.main-dark .form-control select::-webkit-input-placeholder,
.main-dark .form-control select.input-data::-webkit-input-placeholder,
.main-dark .form-control select option::-webkit-input-placeholder,
.main-dark .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .form-control input::-moz-placeholder,
.main-dark .form-control select::-moz-placeholder,
.main-dark .form-control select.input-data::-moz-placeholder,
.main-dark .form-control select option::-moz-placeholder,
.main-dark .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input:-ms-input-placeholder,
.main-dark .form-control select:-ms-input-placeholder,
.main-dark .form-control select.input-data:-ms-input-placeholder,
.main-dark .form-control select option:-ms-input-placeholder,
.main-dark .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-dark .form-control input:-moz-placeholder,
.main-dark .form-control select:-moz-placeholder,
.main-dark .form-control select.input-data:-moz-placeholder,
.main-dark .form-control select option:-moz-placeholder,
.main-dark .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  font-family: "Notosans";
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.main-dark .form-control input:focus,
.main-dark .form-control select:focus,
.main-dark .form-control select.input-data:focus,
.main-dark .form-control select option:focus,
.main-dark .form-control textarea:focus {
  border-color: #27caf0;
  z-index: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-dark .form-control .label-top ~ label,
.main-dark .form-control .ngx-datepicker-container .label-top ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:focus ~ label,
.main-dark .form-control .ngx-datepicker-container input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:not(focus):valid ~ label,
.main-dark .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:not(focus):valid ~ label,
.main-dark .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input.input-data.email-input,
.main-dark .form-control input.input-data.phone-input {
  margin-top: 15px;
}
.main-dark .form-control input.input-data.phone-input {
  padding-left: 58px;
}
.main-dark .form-control input.input-data.email-input ~ label,
.main-dark .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-dark .form-control input.input-data.phone-input ~ label {
  margin-left: 38px;
}
.main-dark .form-control input.input-data.email-input:focus ~ label,
.main-dark .form-control input.input-data.phone-input:focus ~ label {
  left: 5px;
  top: 9px;
}
.main-dark .form-control input.input-data.phone-input:focus ~ label {
  margin-left: 1.1rem;
}
.main-dark .form-control input.input-data.email-input.label-top ~ label,
.main-dark .form-control input.input-data.phone-input.label-top ~ label {
  left: 5px;
  top: 9px;
}
.main-dark .form-control input.input-data.email-input ~ label,
.main-dark .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-dark .form-control label,
.main-dark .form-control .ngx-datepicker-container label {
  position: absolute;
  left: 1.25rem;
  top: 27px;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  z-index: 0;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
  pointer-events: none;
}
.main-dark .form-control textarea {
  height: 74px;
  padding: 0.938em;
}
.main-dark .form-control .error {
  color: #980c0c !important;
  font-size: 0.9rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-dark .form-control.has-error .error {
  display: block;
}
.main-dark .form-control.has-error input,
.main-dark .form-control.has-error select,
.main-dark .form-control.has-error textarea,
.main-dark .form-control.has-error .chosen-single {
  border-color: #980c0c;
}
.main-dark .checkbox-container {
  text-align: left;
  display: flex;
  align-items: center;
}
.main-dark .checkbox-container label {
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  position: relative;
}
.main-dark .checkbox-container label .error-msg {
  position: absolute;
  top: -1.125rem;
  left: 0;
  color: red;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: none;
}
.main-dark .checkbox-container.error .checkbox {
  border: 1px solid red;
}
.main-dark .checkbox-container.error .error-msg {
  display: block;
  position: absolute;
  left: 0;
  top: -0.9375rem;
  font-size: 0.75rem;
  color: red;
}
.main-dark .checkbox-container .checkbox-input {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .checkbox-container .checkbox-input:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-animation: check 0.3s 1;
  animation: check 0.3s 1;
}
.main-dark option[disabled] {
  display: none;
}
.main-dark .form-control .ckbox {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .form-control .ckbox input {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.main-dark .form-control .ckbox label {
  font-size: 0.9rem;
  color: #3a3939;
  text-transform: none;
  margin: 0;
  padding-left: 29px;
  line-height: 26px;
}
.main-dark .form-control .ckbox label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #d4d4d4;
  position: absolute;
  left: 0;
  top: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.main-dark .form-control .ckbox input:checked + label:before {
  border: 1px solid #ec3166;
  background: #ec3166;
}
.main-dark .form-control .ckbox input:checked + label:after {
  background-image: url("./media/tick-SV42VABA.svg");
  width: 20px;
  height: 19px;
  content: "";
  position: absolute;
  background-size: 13px;
  left: 4px;
  background-repeat: no-repeat;
  top: 6px;
}
.main-dark {
}
.main-dark .reset-password {
  text-align: center;
  padding: 5rem 0;
}
.main-dark .reset-password h2 {
  font-family: "Notosans-medium";
  font-size: 1.75rem;
  color: #fff;
}
.main-dark .reset-password .sub-title {
  padding: 10px;
  display: inline-block;
}
.main-dark .reset-password form {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.main-dark .reset-password form .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-bottom: 0.938em;
}
.main-dark .reset-password form .form-text.error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-dark .reset-password form label {
  color: #757373;
  margin-bottom: 5px;
}
.main-dark .reset-password form .form-control {
  width: 100%;
  height: 2.688em;
  padding: 0.938em 0.938em 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  border-radius: 3px;
  font-size: 1rem;
  font-family: "Notosans";
  position: relative;
}
.main-dark .reset-password form .form-control:focus {
  border-color: #d35a49;
  z-index: 1;
}
.main-dark .reset-password form .reset-btn {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
}
.main-dark .expired-box {
  max-width: 300px;
  margin: auto;
  text-align: center;
  padding: 5rem 0;
}
.main-dark .expired-box h2 {
  font-size: 2rem;
  margin-bottom: 3rem;
  color: #fff;
}
.main-dark .expired-box p {
  color: #fff;
}
.main-dark {
}
.main-dark .home-banner {
  position: relative;
}
.main-dark .home-banner .owl-dots {
  display: none;
}
.main-dark .banner-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background:
    linear-gradient(
      to bottom,
      rgba(9, 28, 52, 0.85) 0%,
      rgba(9, 28, 52, 0.66) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-dark .banner-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background:
    linear-gradient(
      to top,
      rgba(9, 28, 52, 0.85) 0,
      rgba(9, 28, 52, 0.55) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-dark .banner-slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.main-dark .banner-slider .owl-nav .owl-prev {
  position: absolute;
  left: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 25px;
  height: 37px;
  display: inline-block;
  transform: rotate(180deg);
}
.main-dark .banner-slider .owl-nav .owl-next {
  position: absolute;
  right: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-repeat: no-repeat;
  background-size: contain !important;
  width: 25px;
  height: 37px;
  display: inline-block;
}
.main-dark .banner-slider .banner-item {
  background-size: cover;
  background-position-y: -10px !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 28.125rem;
  display: block;
  position: relative;
}
.main-dark .banner-slider .banner-item:after {
  display: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(45, 44, 40, 0.55) 100%);
}
.main-dark .banner-slider .banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  align-items: flex-end;
  height: 100%;
  left: 0;
  top: 0;
  width: 60%;
  z-index: 1;
  padding: 0 30px;
  padding-bottom: 20px;
}
.main-dark .banner-slider .banner-content .play-icon {
  cursor: pointer;
}
.main-dark .banner-slider .banner-content .banner-tittle {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  overflow: hidden;
}
.main-dark .banner-slider .banner-content .banner-tittle h3 {
  font-family: "Notosans-bold";
  font-size: 36px;
  word-break: break-word;
  margin-bottom: 5px;
}
.main-dark .banner-slider .banner-content .banner-tittle p {
  font-family: "Notosans";
  font-size: 1rem;
}
.main-dark .banner-slider .banner-content .banner-tittle .live-now-tag {
  margin-left: 8px;
}
.main-dark .banner-slider .banner-content .banner-tittle .premium-tag {
  margin-left: 8px;
}
.main-dark {
}
.main-dark .related-videos {
  margin-top: 15px;
  padding-bottom: 50px;
}
.main-dark .small-vplay {
  margin-top: -0.0625rem;
}
.main-dark .small-vplay .small-slider .owl-stage-outer {
  padding: 1.25rem 5px;
  width: 100%;
}
.main-dark .small-vplay .small-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-dark .small-vplay .small-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-dark .small-vplay .small-slider .owl-nav button span {
  font-size: 0;
}
.main-dark .small-vplay .small-slider .owl-nav .owl-prev,
.main-dark .small-vplay .small-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 15px;
  height: 27px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-dark .small-vplay .small-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-dark .small-vplay .small-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -45px !important;
}
.main-dark .small-vplay .small-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
  margin-right: 10px;
}
.main-dark .small-vplay .small-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .small-vplay .small-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark {
}
.main-dark .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .owl-stage .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .owl-stage .owl-item .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.main-dark .owl-stage .owl-item .item .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .owl-stage .owl-item .item .item,
.main-dark .owl-stage .owl-item .item .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .owl-stage .owl-item .item .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
}
.main-dark .lanscape-vplay {
  margin-top: 2.1875rem;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-stage-outer {
  padding: 1.25rem 5px;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav button span {
  font-size: 0;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-prev,
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 28px;
  height: 28px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -55px !important;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark {
}
.main-dark .app-banner {
  padding: 3.5% 0 !important;
  background: url("./media/footban-F67VJYDD.png") no-repeat;
  background-size: 100%;
  background-position: right;
  position: relative;
  height: auto;
  margin: 0 auto;
}
.main-dark .app-banner h6,
.main-dark .app-banner p,
.main-dark .app-banner .social-apps {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}
.main-dark .app-banner h6 {
  font-size: 38px;
  font-weight: normal;
  font-family: "Notosans-bold";
  color: #ccc !important;
}
.main-dark .app-banner p {
  font-size: 1.1rem;
  font-family: "Notosans";
  margin: 0.875rem 0 2rem;
}
.main-dark .app-banner .social-apps a {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.main-dark .app-banner .social-apps .app-store {
  background-position: -175px -100px;
  width: 145px;
  height: 51px;
}
.main-dark .app-banner .social-apps .google-play {
  background-position: -10px -98px;
  width: 154px;
  height: 53px;
  margin-right: 20px;
}
.main-dark {
}
.main-dark .playlist h6 {
  color: #3d3d3d;
  font-size: 1.25rem;
  margin: 1.25rem 0.5% 0;
  font-family: "Notosans-medium";
}
.main-dark .playlist .playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-dark .playlist .playlist-item {
  width: 18.6%;
  margin: 0.7%;
  cursor: pointer;
}
.main-dark {
}
.main-dark .categories-page {
  margin: 1.625rem 0;
}
.main-dark .categories-page .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #cacaca;
  margin: 30px 0 10px;
}
.main-dark .categories-page .categories-list {
  margin: 0 -0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .categories-page .categories-list li {
  width: 25%;
  padding: 0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 14.375rem;
}
.main-dark .categories-page .categories-list li:focus {
  outline: none;
}
.main-dark .categories-page .categories-list li .single-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.main-dark .categories-page .categories-list li .single-list:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.main-dark .categories-page .categories-list li .single-list h5 {
  font-size: 1.5625rem;
  color: #fff;
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.main-dark {
}
.main-dark .genre-view .genre-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.1875rem;
}
.main-dark .genre-view .genre-header h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #2d2d2d;
}
.main-dark .genre-view .genre-header .select {
  margin-left: auto;
  font-size: 0.8125rem;
  color: #777777;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
}
.main-dark .genre-view .genre-header .select select {
  height: 1.8125rem;
  width: 4.9375rem;
  border: 1px solid #9d9d9d;
  padding: 0 0.3125rem;
  margin-left: 0.5rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Notosans";
  color: #363636;
  font-size: 0.75rem;
}
.main-dark .genre-view .genre-header .heading {
  margin-top: 1.875rem;
}
.main-dark .genre-view .genre-header .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #e2e2e2;
}
.main-dark .genre-view .genre-header .heading.search-title {
  padding: 0 0 10px;
  position: relative;
  width: 100%;
}
.main-dark .genre-view .genre-header .heading.search-title h3 {
  font-size: 1.5rem;
  padding-right: 3.125rem;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close {
  position: absolute;
  right: 0;
  top: -10px;
  width: 2.8rem;
  height: 2.8rem;
  background: #dedede;
  border-radius: 50%;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  transform-origin: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close:hover {
  background: #d0d0d0;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close .close {
  width: 1rem;
  height: 1rem;
}
.main-dark .genre-view .genre-list {
  margin-bottom: 3.75rem;
}
.main-dark .genre-view .genre-list .genre-videos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.main-dark .genre-view .genre-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 15px 0 0;
  padding: 0 15px;
  width: 20%;
}
.main-dark .genre-view .genre-list .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-dark .genre-view .genre-list .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item:hover,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item:hover {
  z-index: 1;
}
.main-dark .genre-view .genre-list .slider-item .slider-img,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item .slider-img,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  position: relative;
}
.main-dark .genre-view .genre-list .slider-item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item .slider-content span,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-content span {
  font-family: "Notosans";
}
.main-dark {
}
.main-dark .category-view {
  margin: 1.875rem 0;
}
.main-dark .category-view h3 {
  text-transform: capitalize;
  font-size: 1.5625rem;
  font-family: "Notosans-bold";
  color: #232323;
}
.main-dark .category-view .small-vplay {
  padding-top: 0;
}
.main-dark {
}
.main-dark .list-view {
  position: relative;
  margin: 1.875rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .list-view .right-side {
  width: 100%;
  margin-bottom: 2rem;
}
.main-dark .list-view .genre-view .genre-list .item {
  width: 19%;
}
.main-dark .list-view .filter-icon {
  display: none;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #f16c1f;
  border-radius: 50%;
  box-shadow: 1px 3px 7px 0 #ffd54f;
  cursor: pointer;
}
.main-dark .list-view .filter-icon svg {
  width: 25px;
  height: 25px;
}
.main-dark .list-view aside {
  width: 17%;
  position: absolute;
  left: 0;
  top: 20px;
  margin-bottom: 40px;
}
.main-dark .list-view aside.fixed {
  position: fixed;
  left: 2%;
  top: 100px;
  transition: top ease 0.5s;
}
.main-dark .list-view aside.fixed.fixed-bottom {
  position: absolute;
  top: unset;
  left: 0;
  bottom: 0;
  transition: bottom ease 0.5s;
}
.main-dark .list-view aside .filter-box.tags {
  border: 1px solid #e2e2e2;
  position: relative;
}
.main-dark .list-view aside .filter-box {
  border: 1px solid #e2e2e2;
  border-top: 0;
  position: relative;
}
.main-dark .list-view aside .accordion {
  background: none;
  padding: 1rem 1.25rem;
  font-family: "Notosans";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
.main-dark .list-view aside .accordion .count {
  font-size: 0.75rem;
  color: #676767;
}
.main-dark .list-view aside ul {
  padding-bottom: 0.625rem;
}
.main-dark .list-view aside .filter-tag {
  background: none;
  padding: 0.875rem 1.25rem;
  font-family: "Notosans-medium";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: rgba(112, 112, 112, 0.8);
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  text-transform: capitalize;
}
.main-dark .list-view aside .filter-panel span {
  display: inline-block;
  background: #f1f1f1;
  font-size: 0.875rem;
  color: #707070;
  padding: 0.4375rem 0.875rem;
  margin: 0 0.625rem 0.625rem 0;
  border-radius: 2px;
}
.main-dark .list-view aside .close-tag svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  margin-right: 5px;
}
.main-dark .list-view aside .clear {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  font-size: 0.75rem;
  color: #a6a4a4;
  font-family: "Notosans";
  text-decoration: underline;
  cursor: pointer;
}
.main-dark .list-view aside .down-arrow {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  display: inline-block;
  z-index: -1;
}
.main-dark .list-view aside .down-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
}
.main-dark .list-view aside .down-arrow svg polygon {
  fill: #696969;
}
.main-dark .list-view aside .panel {
  padding: 0 1.125rem 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-dark .list-view aside .filter-panel {
  padding: 0 1.125rem 0.625rem;
  background-color: transparent;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-dark .list-view aside {
}
.main-dark .list-view aside .filter-check {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  padding: 0.625rem 0.3125rem 0.625rem 2.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  color: rgba(112, 112, 112, 0.8);
  font-family: "Notosans";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-dark .list-view aside .filter-check:hover {
  background: #f0f0f0;
}
.main-dark .list-view aside .v-count {
  font-size: 0.8125rem;
  color: #707070;
}
.main-dark .list-view aside {
}
.main-dark .list-view aside .filter-check input {
  position: absolute;
  top: 0.4375rem;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  border: 1px solid #818080;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .list-view aside .filter-check input:checked {
  background-color: #f16c1f;
  height: 16px;
  width: 16px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark {
}
.main-dark .contact-us .container {
  max-width: 1231px;
  padding: 0 15px;
  margin: auto;
  position: relative;
}
.main-dark .contact-us .contact-us-content {
  font-family: "Notosans";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3.625em 0 1.625em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #2d2d2d;
}
.main-dark .contact-us .contact-us-content .heading-name {
  font-size: 1.4375rem;
  color: #cacaca;
  margin-bottom: 0.3em;
  font-family: "Notosans-bold";
}
.main-dark .contact-us .contact-us-content h3.heading-name {
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  color: #cacaca;
}
.main-dark .contact-us .contact-us-content p {
  color: #cacaca;
  font-size: 0.9375rem;
  margin-bottom: 2.278em;
}
.main-dark .contact-us .contact-us-content p span {
  display: block;
}
.main-dark .contact-us .contact-us-content input,
.main-dark .contact-us .contact-us-content textarea {
  color: #ccc;
  background: transparent;
  border: 1px solid #737272;
}
.main-dark .contact-us .contact-us-content .left-side {
  max-width: 37.5rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin: auto;
}
.main-dark .contact-us .contact-us-content .left-side .clearfix {
  margin: 0 -0.625em;
}
.main-dark .contact-us .contact-us-content .left-side .one-set {
  width: 50%;
  padding: 0 0.625em;
  float: left;
}
.main-dark .contact-us .contact-us-content .left-side .full-set {
  width: 100%;
}
.main-dark .contact-us .contact-us-content .left-side textarea {
  resize: none;
}
.main-dark .contact-us .contact-us-content .left-side .button {
  text-align: right;
}
.main-dark .contact-us .contact-us-content .left-side .button .submit {
  text-align: center;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 3.313em;
  border: 0;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  padding: 0px 2em;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.main-dark .contact-us .contact-us-content .left-side .button .submit:hover {
  background-position: right center;
  background-size: 500% auto;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.main-dark .contact-us .contact-us-content .right-side {
  width: 37%;
  display: none;
}
.main-dark .contact-us .contact-us-content .right-side .heading-name {
  margin-bottom: 0.6em;
}
.main-dark .contact-us .contact-us-content address {
  margin: 0.4em 0 1.5em;
  font-size: 0.9375rem;
  color: #393939;
}
.main-dark .contact-us agm-map {
  height: 21.25rem;
}
.main-dark .form-control {
  margin-top: 0.9375rem;
  margin-bottom: 0.938em;
  text-align: left;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  font-size: 0.875rem;
}
.main-dark .form-control input::-webkit-input-placeholder,
.main-dark .form-control select::-webkit-input-placeholder,
.main-dark .form-control select.input-data::-webkit-input-placeholder,
.main-dark .form-control select option::-webkit-input-placeholder,
.main-dark .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .form-control input::-moz-placeholder,
.main-dark .form-control select::-moz-placeholder,
.main-dark .form-control select.input-data::-moz-placeholder,
.main-dark .form-control select option::-moz-placeholder,
.main-dark .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input:-ms-input-placeholder,
.main-dark .form-control select:-ms-input-placeholder,
.main-dark .form-control select.input-data:-ms-input-placeholder,
.main-dark .form-control select option:-ms-input-placeholder,
.main-dark .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-dark .form-control input:-moz-placeholder,
.main-dark .form-control select:-moz-placeholder,
.main-dark .form-control select.input-data:-moz-placeholder,
.main-dark .form-control select option:-moz-placeholder,
.main-dark .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.main-dark .form-control select.input-data,
.main-dark .form-control select option {
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  line-height: 22px;
}
.main-dark .form-control .error {
  font-size: 0.75rem;
}
.main-dark {
}
.main-dark .video-detail-page .video-banner {
  position: relative;
  cursor: pointer;
}
.main-dark .video-detail-page .video-player-outer {
  position: relative;
  max-height: 450px;
  width: 92.5%;
  margin: 0 auto;
}
.main-dark .video-detail-page .video-player,
.main-dark .video-detail-page .countdown-blk {
  position: relative;
  height: 450px;
  overflow: hidden;
}
.main-dark .video-detail-page .countdown-blk {
  position: absolute;
  left: inherit;
  right: 10.9375rem;
  top: 0;
  margin: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-dark .video-detail-page .countdown-blk .countdown div {
  border: 1px solid #a7a6a4;
  padding: 10px;
  background: rgba(58, 58, 58, 0.85);
  border-radius: 4px;
  opacity: 1;
  margin: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  margin-right: 15px;
}
.main-dark .video-detail-page .countdown-blk .countdown div:last-child {
  margin-right: 0;
}
.main-dark .video-detail-page .countdown-blk strong {
  font-size: 2.5rem;
  height: 3.75rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: transparent;
  text-align: center;
}
.main-dark .video-detail-page .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 4.6875rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .video-detail-page .video-player-bg {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
  width: 54.5%;
  height: 100%;
  max-height: 500px;
  left: auto;
  right: 0;
  top: 0;
}
.main-dark .video-detail-page .video-player-center {
  max-width: 56.1875rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.main-dark .video-detail-page .video-player-center.countdown-starts:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.main-dark .video-detail-page .video-banner-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 31.25rem;
}
.main-dark .video-detail-page .video-banner-img:before {
  content: "";
  background: rgba(0, 0, 0, 0.32);
  width: 100%;
  height: 100%;
  position: absolute;
}
.main-dark .video-detail-page .play-icon {
  display: inline-block;
  margin-right: 15px;
  margin-top: 5px;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .video-detail-page .video-content-blk {
  position: relative;
}
.main-dark .video-detail-page .video-player:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-dark .video-detail-page .video-bottom {
  color: #cacaca;
  width: 42%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0px 10px 0px 0;
  margin-left: 4%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
  transition: all cubic-bezier(0.4, 0, 1, 1) 0.5s;
}
.main-dark .video-detail-page .video-bottom .back-to-history {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.main-dark .video-detail-page .video-bottom .back-to-history svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-dark .video-detail-page .video-bottom .mobile-category {
  display: none;
  color: rgba(255, 255, 255, 0.4);
  margin: 5px 0 0;
  width: 100%;
}
.main-dark .video-detail-page .video-bottom .mobile-category .dot {
  width: 4px;
  height: 4px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  margin: 0 6px;
}
.main-dark .video-detail-page .video-bottom .mobile-detail-info {
  display: none;
  margin: 16px 0 5px;
  width: 100%;
}
.main-dark .video-detail-page .video-bottom .mobile-detail-info span i {
  color: #999999;
  margin-right: 12px;
}
.main-dark .video-detail-page .video-bottom h2 {
  font-size: 34px;
  font-family: "Notosans-bold";
  color: #fff;
  max-height: 150px;
  overflow: hidden;
}
.main-dark .video-detail-page .video-bottom h2 .live-now-tag,
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  margin-right: 10px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 2px 4px;
  position: relative;
  top: -6px;
  line-height: 16px;
}
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  margin: 0 10px;
}
.main-dark .video-detail-page .video-bottom h2 .live-now-tag {
  color: #fff;
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark .video-detail-page .video-bottom .overview {
  color: #cccccc;
  font-size: 16px;
  margin-top: 20px;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 25px;
  overflow: hidden;
  max-height: 100px;
  word-break: break-word;
  opacity: 0.8;
}
.main-dark .video-detail-page .video-data-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .video-detail-page .video-data-info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 0.8125rem;
  margin-right: 1.875rem;
  color: #a2a2a2;
  position: relative;
}
.main-dark .video-detail-page .video-data-info span:last-child:after {
  display: none;
}
.main-dark .video-detail-page .video-data-info span:after {
  content: "";
  border-right: 1px solid #a2a2a2;
  position: absolute;
  top: 50%;
  right: -1.125rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .video-data-info .schedule {
  background-image: url("./media/calender-A4USJDIO.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .video-data-info .preview-icon {
  background-image: url("./media/eye-YA5A7TLL.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .play-info {
  margin-top: 10px;
}
.main-dark .video-detail-page .play-info .play-btn {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  border-radius: 3px;
  width: 6.25rem;
  position: relative;
  z-index: 1;
}
.main-dark .video-detail-page .play-info .play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-dark .video-detail-page .play-info .play-btn svg {
  margin-right: 10px;
  transition: all ease 0.4s;
}
.main-dark .video-detail-page .play-info .play-btn:hover {
  color: #f16c1f;
}
.main-dark .video-detail-page .play-info .play-btn:hover:before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-dark .video-detail-page .play-info .play-btn:hover svg {
  transform: translateX(5px) scale(0.9);
  transition: all ease 0.4s;
}
.main-dark .video-detail-page .play-info .play-btn:hover svg polygon {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info .get-premium-btn,
.main-dark .video-detail-page .play-info .buy-video {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  border-radius: 2px;
  width: auto;
  border: 1px solid #f16c1f;
}
.main-dark .video-detail-page .play-info .get-premium-btn:hover,
.main-dark .video-detail-page .play-info .buy-video:hover {
  background: #f16c1f;
}
.main-dark .video-detail-page .play-info .like:hover svg path,
.main-dark .video-detail-page .play-info .liked:hover svg path {
  fill: #9e9e9e;
}
.main-dark .video-detail-page .play-info .like.active svg path,
.main-dark .video-detail-page .play-info .liked.active svg path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9rem;
  font-family: "Notosans";
  margin-right: 1.125rem;
  vertical-align: middle;
  cursor: pointer;
}
.main-dark .video-detail-page .play-info .premium-or {
  margin-right: 1.125rem;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.6875rem;
}
.main-dark .video-detail-page .play-info .like-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .play-info .like-icon:hover path,
.main-dark .video-detail-page .play-info .like-icon .active path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info .dislike-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-dark .video-detail-page .play-info .dislike-icon:hover path,
.main-dark .video-detail-page .play-info .dislike-icon .active path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .user-options {
  padding: 0.625rem 0;
  display: inline-block;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  margin-top: 0px;
}
.main-dark .video-detail-page .user-options .thumbs-up,
.main-dark .video-detail-page .user-options .thumbs-down {
  display: none;
}
.main-dark .video-detail-page .user-options a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-size: 0.875rem;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0 1rem 0 0;
}
.main-dark .video-detail-page .user-options a:last-child {
  padding-right: 0;
}
.main-dark .video-detail-page .user-options a i {
  margin-right: 10px;
}
.main-dark .video-detail-page .user-options a:hover {
  color: #ccc;
  transition: all 0.3s ease;
}
.main-dark .video-detail-page .user-options a:hover i {
  transform: scale(0.9);
  transition: all 0.3s ease;
}
.main-dark .video-detail-page .user-options a:last-child {
  margin-right: 0;
}
.main-dark .video-detail-page .user-options .like,
.main-dark .video-detail-page .user-options .liked {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .like svg,
.main-dark .video-detail-page .user-options .liked svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .user-options .like {
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .video-detail-page .user-options .like svg path {
  stroke: #ccc;
  stroke-width: 11px;
}
.main-dark .video-detail-page .user-options .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  background-repeat: no-repeat;
  background-size: contain;
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .video-detail-page .user-options .liked svg path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .user-options .like-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .user-options .dislike-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-dark .video-detail-page .user-options .share-icon,
.main-dark .video-detail-page .user-options .down-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .share-icon svg,
.main-dark .video-detail-page .user-options .down-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .user-options .download-pdf {
  color: #fff;
}
.main-dark .video-detail-page .user-options .down-icon {
  fill: #fff;
}
.main-dark .video-detail-page .user-options .playlist-icon {
  width: 22px;
  height: 17px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .cmt-icon {
  width: 22px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .video-con-right {
  margin-top: 15px;
}
.main-dark .video-detail-page .video-con-right .video-casting-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .video_category_name p {
  margin-right: 10px;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .video_category_name p:last-child i {
  display: none;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .content-details {
  display: flex;
  margin-bottom: 5px;
}
.main-dark .video-detail-page .video-con-right span {
  font-size: 0.9rem;
  font-family: "Notosans";
  display: inline-block;
  text-transform: capitalize;
  color: #858585;
  min-width: 5rem;
  margin-right: 0;
  margin-top: -4px;
}
.main-dark .video-detail-page .video-con-right span:last-child i {
  display: none;
}
.main-dark .video-detail-page .video-con-right p {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  vertical-align: middle;
  max-width: 85%;
}
.main-dark .video-detail-page .video-con-right .starring-links a {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  cursor: pointer;
  color: #cacaca;
}
.main-dark .video-detail-page .video-con-right .starring-links a:hover {
  color: #f16c1f;
}
.main-dark .video-detail-page .video-con-right .content-details {
  min-width: 100%;
  margin-bottom: 0.9375rem;
  padding-right: 1.25rem;
}
.main-dark .video-detail-page .video-con-right .content-details:last-child {
  flex: 1 100%;
}
.main-dark .video-detail-page .related-videos h6 {
  font-size: 1.3125rem;
  font-family: #fff;
  color: #d0d0d0;
}
.main-dark .video-detail-page .related-videos .small-vplay {
  margin-top: 0;
  padding-top: 0;
}
.main-dark .video-detail-page .related-videos .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .video-detail-page .related-videos .item,
.main-dark .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item {
  border-radius: 3px;
  overflow: hidden;
}
.main-dark .video-detail-page .related-videos .slider-content h3 {
  font-size: 17px !important;
  font-family: "Notosans";
  color: #cacaca;
}
.main-dark .video-detail-page .related-videos .slider-content .category-text {
  font-size: 0.78125rem;
}
.main-dark .video-detail-page .see-more-blk {
  text-align: center;
  margin: 1.25rem 0;
}
.main-dark .video-detail-page .see-more-blk .see-more {
  font-size: 0.875rem;
  padding: 0.8125rem 0.9375rem;
  text-transform: uppercase;
  width: 10rem;
  font-family: "Notosans";
}
.main-dark .video-detail-page .restriction-message {
  margin: 0.625rem 0px 0px 0px;
  font-size: 14px;
  line-height: 1.375rem;
  font-weight: 600;
  color: #e62627;
  display: inline-block;
}
.main-dark .related-videos-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .vplay-cmts-outer {
  width: 62%;
  margin: auto;
}
.main-dark .vplay-comments {
  padding: 1.25rem 0;
}
.main-dark .vplay-comments h6 {
  font-size: 0.84375rem;
  font-family: "Notosans-bold";
  color: #cacaca;
  text-transform: uppercase;
}
.main-dark .vplay-comments h6 span {
  display: none;
}
.main-dark .vplay-comments .cmt-count {
  color: #fff;
  font-family: "Notosans";
  background: #f16c1f;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 12px;
  font-size: 0.9375rem;
  margin-right: 20px;
}
.main-dark .vplay-comments .prof-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  vertical-align: top;
}
.main-dark .vplay-comments .load-more {
  font-size: 0.9375rem;
  font-family: "Notosans";
  padding: 10px 20px;
  width: 100px;
  cursor: pointer;
}
.main-dark .vplay-comments .vplay-cmt-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2.1875rem;
}
.main-dark .vplay-comments .vplay-cmt-input .width-100 {
  width: 100%;
}
.main-dark .vplay-comments .vplay-cmt-input .comments-input {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .vplay-comments .vplay-cmt-input .repeat-comment {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied {
  width: 100%;
  padding-left: 13%;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  width: 85%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
  width: 3.375rem;
  height: 3.375rem;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  margin-left: 1.25rem;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-name {
  font-size: 0.75rem;
  margin-left: 0;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-text {
  background: transparent;
  border-bottom: 1px solid #3e3e3e;
  border-radius: 0;
  padding-left: 0;
  padding: 20px 0;
  height: 56px;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-submit {
  margin-top: 0.625rem;
}
.main-dark .vplay-comments .cmt-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 1.75rem;
  width: 86.5%;
  position: relative;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .vplay-comments .hrs-ago {
  color: #ababab;
  font-size: 0.8125rem;
  margin-left: 0.9375rem;
  font-family: "Notosans-medium";
  letter-spacing: 0;
  text-transform: lowercase;
}
.main-dark .vplay-comments .cmt-name {
  font-size: 0.84375rem;
  font-family: "Notosans-bold";
  letter-spacing: 0.5px;
  color: #cacaca;
  text-transform: capitalize;
}
.main-dark .vplay-comments .cmt-name + .cmt-text {
  margin-top: 1.5625rem;
}
.main-dark .vplay-comments .cmt-text {
  height: 4.6875rem;
  padding: 1.5625rem 2.125rem;
  border-radius: 0.375rem;
  border: 0;
  color: #dedede;
  background: #14253d;
  font-size: 1rem;
  margin-top: 0rem;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
  resize: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.main-dark .vplay-comments .cmt-text:focus {
  outline: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  background: #1d2f48;
}
.main-dark .vplay-comments .cmt-para {
  color: #dedede;
  font-size: 0.9375rem;
  margin-top: 0.625rem;
  font-family: "Notosans";
  line-height: 1.25rem;
  letter-spacing: 0.2px;
  word-break: break-word;
}
.main-dark .vplay-comments .cmt-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 112px;
  border: 0;
  cursor: pointer;
  margin-top: 2.125rem;
  line-height: 1.125rem;
}
.main-dark .vplay-comments .reply-actions {
  margin: 0.9375rem 0 0 0;
  font-size: 0.875rem;
  font-family: "Notosans-bold";
  color: #434343;
  color: #d0d0d0;
}
.main-dark .vplay-comments .view-reply {
  margin-right: 2.5rem;
  cursor: pointer;
}
.main-dark .vplay-comments .view-reply .uparrow-icon {
  background: url("./media/right-arrow-PBDN2MRT.svg") no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(90deg);
  transition: 0.3s transform ease-in;
}
.main-dark .vplay-comments .view-reply .uparrow-icon.move-down {
  transform: rotate(270deg);
  transition: 0.3s transform ease-out;
}
.main-dark .vplay-comments .cmt-reply {
  cursor: pointer;
}
.main-dark {
}
.main-dark .profile-page {
  padding: 2.5rem 0;
  position: relative;
}
.main-dark .profile-page .container {
  position: relative;
}
.main-dark .profile-page aside {
  position: relative;
  width: 18%;
  margin-bottom: 50px;
  display: inline-block;
  background: #1b1e23;
  color: #e2e2e2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.main-dark .profile-page aside .toggle-for-mobile {
  display: none;
}
.main-dark .profile-page .vplay-profile-menu {
  padding: 0.3125rem 0;
}
.main-dark .profile-page .vplay-profile-menu.for-mobile {
  display: none !important;
}
.main-dark .profile-page .vplay-profile-menu li {
  padding: 0.75rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-dark .profile-page .vplay-profile-menu li span {
  font-size: 0.875rem;
}
.main-dark .profile-page .vplay-profile-menu li:focus {
  outline: none;
}
.main-dark .profile-page .vplay-profile-menu li.active,
.main-dark .profile-page .vplay-profile-menu li:hover {
  color: #f16c1f;
}
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .dark-theme-icon,
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .light-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .dark-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .light-theme-icon {
  display: none;
}
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .active-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .active-theme-icon {
  display: block;
}
.main-dark .profile-page .vplay-profile-menu li:active:before,
.main-dark .profile-page .vplay-profile-menu li:hover:before,
.main-dark .profile-page .vplay-profile-menu li.active:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: 10%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.2s;
}
.main-dark .profile-page .vplay-profile-menu li:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: -100%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.1s;
}
.main-dark .profile-page .vplay-profile-menu a {
  padding: 0.625rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-dark .profile-page .vplay-profile-menu a:focus {
  outline: none;
}
.main-dark .profile-page .vplay-profile-menu a.active,
.main-dark .profile-page .vplay-profile-menu a:hover {
  color: #fa5013;
}
.main-dark .profile-page .vplay-profile-menu a.active .account_ic,
.main-dark .profile-page .vplay-profile-menu a:hover .account_ic {
  background-image: url("./media/account-active-KTNDXTTA.svg");
}
.main-dark .profile-page .vplay-profile-menu a.active .profile,
.main-dark .profile-page .vplay-profile-menu a:hover .profile {
  background-position: 0 -25px;
}
.main-dark .profile-page .vplay-profile-menu a.active .favourite,
.main-dark .profile-page .vplay-profile-menu a:hover .favourite {
  background-position: -24px -27px;
}
.main-dark .profile-page .vplay-profile-menu a.active .playlist,
.main-dark .profile-page .vplay-profile-menu a:hover .playlist {
  background-position: -49px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .history,
.main-dark .profile-page .vplay-profile-menu a:hover .history {
  background-position: -71px -27px;
}
.main-dark .profile-page .vplay-profile-menu a.active .transaction,
.main-dark .profile-page .vplay-profile-menu a:hover .transaction {
  background-position: -94px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .password,
.main-dark .profile-page .vplay-profile-menu a:hover .password {
  background-position: -122px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .saved-card,
.main-dark .profile-page .vplay-profile-menu a:hover .saved-card {
  background-position: -88px -178px;
}
.main-dark .profile-page .vplay-profile-menu a.active .setting,
.main-dark .profile-page .vplay-profile-menu a:hover .setting {
  background-position: -169px -26px;
}
.main-dark .profile-page .vplay-profile-menu i {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 1.5625rem;
  vertical-align: middle;
}
.main-dark .profile-page .vplay-profile-menu i img {
  max-width: 100%;
}
.main-dark .profile-page .vplay-profile-menu .active-theme-icon {
  display: none;
}
.main-dark .profile-page .profile-right {
  width: 80%;
  margin-left: 2%;
  margin-bottom: 3.125rem;
  display: inline-block;
  vertical-align: top;
  color: #d0d0d0;
}
.main-dark .profile-page .profile-right .intl-tel-input .selected-flag {
  outline: none;
}
.main-dark .profile-page .profile-right .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background: transparent;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list {
  font-size: 0.875rem;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list li.country {
  padding: 0.4375rem 0.9375rem;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list li.country .flag-box {
  margin-right: 0.625rem;
}
.main-dark .profile-page .profile-right h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .edit-profile-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .v-user {
  position: relative;
  padding: 0.625rem;
  margin-right: 2.5rem;
  display: inline-block;
}
.main-dark .profile-page .profile-right .v-user .v-user-image {
  max-width: 70%;
}
.main-dark .profile-page .profile-right .user-img {
  position: relative;
  width: 9.0625rem;
  height: 9.0625rem;
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .user-img input {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  opacity: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .user-img > span {
  position: absolute;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.9375rem;
  padding: 0.375rem;
  cursor: pointer;
  transition: bottom ease 0.3s;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .user-img .load-more-blk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(58, 51, 51, 0.84);
}
.main-dark .profile-page .profile-right .user-note {
  color: #9c9c9c;
  font-size: 0.875rem;
  width: 70%;
  font-family: "Notosans";
  margin-top: 5px;
  text-align: center;
}
.main-dark .profile-page .profile-right .v-user-detail {
  margin-left: 0.9375rem;
  display: block;
  width: 49%;
}
.main-dark .profile-page .profile-right .v-user-detail h3 {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "Notosans-medium";
}
.main-dark .profile-page .profile-right .v-user-detail label {
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .v-user-detail span {
  color: #ff7b0a;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
  width: 100%;
  max-width: 50%;
  border-radius: 4px;
  padding: 1.25rem 1.25rem 1.5625rem 1.5625rem;
  margin-right: 1.25rem;
  position: relative;
  border: 1px solid #14253d;
  border-radius: 4px;
  background: #14253d;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer {
  width: 36%;
  margin-left: 2%;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan svg {
  position: absolute;
  left: -10px;
  top: 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-left h6 {
  color: #7d8d9c;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:before {
  background: #7d8d9c;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:after {
  background: url("./media/silver-HWIOQ72K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-left h6 {
  color: #f5882a;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:before {
  background: #f38a31;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:after {
  background: url("./media/gold-WXS72RMY.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-left h6 {
  color: #3d669d;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:before {
  background: #3d669d;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:after {
  background: url("./media/platinum-TOVPEAEL.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left {
  padding: 1.375rem 0.625rem;
  width: 50%;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left h6 {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left p {
  color: #585858;
  font-size: 0.9375rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right {
  position: relative;
  padding: 0.625rem;
  padding-left: 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: -1;
  transform: skew(-30deg);
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -60px;
  top: 0;
  z-index: 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right p {
  color: #fff;
  font-size: 0.9375rem;
  margin-bottom: 5px;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right span {
  color: #fff;
  font-size: 2rem;
  font-family: "Notosans-medium";
  margin-bottom: 5px;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right a {
  font-size: 0.75rem;
  font-family: "Notosans-medium";
  text-decoration: underline;
  text-transform: uppercase;
  color: #fcd487;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-img {
  position: relative;
  width: 6.875rem;
  height: 6.875rem;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data {
  margin-left: 1.5625rem;
  flex: 1;
  width: 50%;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 i {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 i svg {
  width: 100%;
  height: 100%;
  fill: #ccc;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data {
  color: #ccc;
  font-size: 0.875rem;
  font-family: "Notosans";
  cursor: pointer;
  margin-left: auto;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data i,
.main-dark .profile-page .profile-right .profile-dashboard .edit-data svg {
  display: inline-block;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data i {
  margin-right: 0.3125rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.25rem;
}
.main-dark .profile-page .profile-right .profile-dashboard h3 {
  color: #ccc;
  font-size: 1.375rem;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard label {
  font-size: 0.75rem;
  font-family: "Notosans";
  padding: 0.4375rem 0 0.4375rem;
  display: inline-block;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .profile-dashboard label span {
  text-transform: uppercase;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  letter-spacing: 0.3px;
  display: inline-block;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  line-height: 1.15rem;
}
.main-dark .profile-page .profile-right .profile-dashboard h4 {
  font-size: 0.875rem;
  font-family: "Notosans";
  padding: 0.4375rem 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.5625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.375rem 0.9375rem 1.375rem 1.8125rem;
  margin: 0 5px 15px 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
  max-width: 48%;
  background: #1b1e23;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card i {
  width: 1.75rem;
  height: 1.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: 50%;
  margin-right: 1.5625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card i svg {
  width: 100%;
  height: 100%;
  fill: #d0d0d0;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats {
  cursor: pointer;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats span {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats p {
  font-size: 0.875rem;
  color: #ccc;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
  margin: 0 -0.625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: top;
}
.main-dark .profile-page .profile-right .settings h2 {
  padding-bottom: 14px;
  border-bottom: 1px solid #2f3640;
  margin-bottom: 18px;
}
.main-dark .profile-page .profile-right .settings > span {
  font-size: 1.0625rem;
  font-family: "Notosans-bold";
  display: inline-block;
  margin-bottom: 0.4375rem;
}
.main-dark .profile-page .profile-right .settings .toggle-answer {
  display: inline-block;
  margin-right: 10px;
}
.main-dark .profile-page .profile-right .settings .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .settings .switch input {
  display: none;
}
.main-dark .profile-page .profile-right .settings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-dark .profile-page .profile-right .settings .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-dark .profile-page .profile-right .settings input:checked + .slider {
  background-color: #f16c1f;
}
.main-dark .profile-page .profile-right .settings input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.main-dark .profile-page .profile-right .settings input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.main-dark .profile-page .profile-right .settings {
}
.main-dark .profile-page .profile-right .settings .slider.round {
  border-radius: 34px;
}
.main-dark .profile-page .profile-right .settings .slider.round:before {
  border-radius: 50%;
}
.main-dark .profile-page .profile-right .settings .setting-block {
  margin-bottom: 1.5625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #ccc;
}
.main-dark .profile-page .profile-right .settings .setting-block:last-child {
  border-bottom: 0;
}
.main-dark .profile-page .profile-right .settings .setting-block select {
  padding: 5px;
  border-radius: 3px;
  width: 200px;
  background: #fff;
}
.main-dark .profile-page .profile-right .settings .cancel-subs button {
  padding: 0.7375rem 1.25rem;
  width: auto;
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-dark .profile-page .profile-right .settings li {
  padding: 0.75rem 0;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .settings label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .settings .checkbox {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .profile-page .profile-right .settings .checkbox:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .cancel-subs-popup {
  width: 100%;
  max-width: 25.5rem;
  padding: 1.875rem;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  background: #fff;
  border-radius: 5px;
}
.main-dark .profile-page .profile-right .cancel-subs-popup.open {
  visibility: visible;
  opacity: 1;
}
.main-dark .profile-page .profile-right .cancel-subs-popup span {
  color: #4f4f4f;
  font-size: 1rem;
  display: block;
}
.main-dark .profile-page .profile-right .cancel-subs-popup .cancel-action-btns {
  margin-top: 1.875rem;
}
.main-dark .profile-page .profile-right .cancel-subs-popup .cancel-action-btns .action-btn {
  width: 4.0625rem;
  height: 2.5rem;
  background: #f16c1f;
  color: #fff;
  display: inline-block;
  line-height: 2.5rem;
  border-radius: 3px;
  margin: 0 9px;
  text-transform: uppercase;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .notifications .not-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 6.25rem 0.9375rem 2.5rem;
  background: #f2f1f1;
}
.main-dark .profile-page .profile-right .notifications h2 {
  font-size: 0.875rem;
  font-family: "Notosans";
  margin-bottom: 0;
}
.main-dark .profile-page .profile-right .notifications select {
  height: 20px;
  width: 6.25rem;
  border-radius: 4px;
  background: transparent;
}
.main-dark .profile-page .profile-right .notifications .not-box {
  padding: 0.625rem 6.25rem 0.625rem 2.5rem;
  border: 1px solid #ecebeb;
  border-top: 0;
}
.main-dark .profile-page .profile-right .notifications p {
  color: #626262;
  font-size: 0.8125rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .notifications span {
  font-size: 0.6875rem;
  color: #858585;
}
.main-dark .profile-page .profile-right .notifications span strong {
  font-family: "Notosans-bold";
  color: #575757;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .saved-card-page .owl-stage-outer {
  padding-bottom: 20px;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dots {
  text-align: center;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background: #f16c1f;
  opacity: 0.5;
  margin-right: 10px;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dot.active {
  opacity: 1;
}
.main-dark .profile-page .profile-right .saved-card-page .saved-card-slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card {
  position: relative;
  padding: 0.9375rem;
  background: #252a30;
  border: 1px solid #252a30;
  border-radius: 0.375rem;
  display: inline-block;
  width: 32.3%;
  margin: 0.5%;
  color: #e2e2e2;
  font-family: "Notosans";
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card label {
  font-size: 0.625rem;
  text-transform: uppercase;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card p {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .card-inner-set.last {
  margin-bottom: 0.625rem;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 15px;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .delete {
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 30px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .delete svg path {
  fill: #8b8b8b;
}
.main-dark .profile-page .profile-right .saved-card-page .add-new-card {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 32.3%;
  height: 11.875rem;
  margin: 0.5%;
  border: 1px solid transparent;
  background: #1b1e23;
  border-radius: 0.375rem;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .add-new-card span {
  color: #d0d0d0;
  font-size: 1.125rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .addnew-card-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  width: 100%;
}
.main-dark .profile-page .profile-right .addnew-card-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card {
  width: 90%;
  max-width: 29.6875rem;
  margin: 0 auto;
  position: relative;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 0.9375rem 0 3.125rem;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form {
  width: 100%;
  height: 100%;
  padding: 0.9375rem 1.5625rem;
  text-align: left;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group {
  margin-bottom: 5px;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group label {
  display: block;
  text-transform: uppercase;
  color: #898989;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input {
  font-size: 1rem;
  height: 3rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5rem 0.625rem;
  color: #424242 !important;
  width: 100%;
  margin-top: 10px;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-webkit-input-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-moz-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-ms-input-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-moz-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:hover,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:hover,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #424242;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date {
  margin: 1.5625rem 0 0.9375rem;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date .card-input {
  max-width: 6.875rem;
  display: block;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .change-password button.cancel-btn,
.main-dark .profile-page .profile-right .change-password .addnew-card-popup .addnew-card form button.cancel-btn,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .profile-form button.cancel-btn,
.main-dark .profile-page .profile-right .profile-form .addnew-card-popup .addnew-card form button.cancel-btn,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .video-detail-page .see-more-blk button.see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .vplay-comments button.load-more,
.main-dark .vplay-comments .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .save-playlist .save-playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item {
  width: 24%;
  margin: 0.8% 0.5%;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist-num {
  padding-bottom: 0;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist svg {
  height: 28px;
  width: 22px;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .playlist-img {
  height: 7rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content {
  height: 2.1875rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content p {
  color: #000;
  font-size: 0.75rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .added,
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .add {
  height: 28px;
  width: 22px;
  transform: scale(1);
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .history .profile-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .history .profile-tittle h2 {
  margin-bottom: 0;
}
.main-dark .profile-page .profile-right .history .profile-tittle.pl-date-blk {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.main-dark .profile-page .profile-right .history .profile-tittle.pl-date-blk .playlist-date {
  font-size: 0.875rem;
  color: #888585;
  font-family: "Notosans";
  margin-top: 5px;
}
.main-dark .profile-page .profile-right .history .profile-tittle .clear {
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
  background: #f16c1f;
  font-family: "Notosans";
  padding: 5px 10px;
  border-radius: 15px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .history .history-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .profile-page .profile-right .history .history-container .item {
  width: 23.8%;
  margin: 0% 0% 1.5% 1%;
  border-radius: 5px;
  overflow: hidden;
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
  width: 10rem;
}
.main-dark .profile-page .profile-right .history .history-container .item .slider-item,
.main-dark .profile-page .profile-right .history .history-container .item .item {
  width: 100%;
  height: 100%;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover .delete {
  transform: rotate(45deg) translate(25px, -30px);
  transition: transform ease 0.3s;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-dark .profile-page .profile-right .history .history-container .item .delete {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  width: 100px;
  height: 28px;
  transform: rotate(45deg) translate(25px, -60px);
  position: absolute;
  right: 0;
  top: 0;
  transition: transform ease 0.3s;
}
.main-dark .profile-page .profile-right .history .history-container .item .delete svg {
  width: 9px;
  height: 9px;
  margin-top: 3px;
  display: inline-block;
  transform: rotate(45deg);
}
.main-dark .profile-page .profile-right .transaction {
  font-family: "Notosans";
  font-size: 0.9375rem;
  color: #ccc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table th:nth-child(2) {
  text-align: left;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table td:nth-child(2) {
  text-align: left;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name:hover {
  color: #f16c1f;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name .album-img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin-right: 0.9375rem;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .views_warning {
  color: #fb4444;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .re-order {
  background: #27cbf1;
  padding: 0.375rem 0.75rem;
  color: #fff;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
.main-dark .profile-page .profile-right .transaction .trans-date {
  font-size: 12px;
  color: #9a9a9a;
  margin-left: 10px;
}
.main-dark .profile-page .profile-right .transaction table {
  text-align: center;
  width: 100%;
}
.main-dark .profile-page .profile-right .transaction table thead th {
  padding: 0.625rem;
  background-color: #14253d;
}
.main-dark .profile-page .profile-right .transaction table tbody tr {
  border-bottom: 1px solid #252a30;
}
.main-dark .profile-page .profile-right .transaction table tbody tr:last-child {
  border-bottom: none;
}
.main-dark .profile-page .profile-right .transaction table tbody td {
  padding: 0.9375rem 0.3125rem;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .transaction table tbody td.video-name {
  max-width: 275px;
  cursor: pointer;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .transaction table tbody td.video-name:hover {
  color: #f16c1f;
}
.main-dark .profile-page .profile-right .transaction table tbody td input[type=text] {
  height: 1.6875rem;
  border: 1px solid #979797;
  width: 70%;
  border-radius: 5px;
  padding-left: 0.5rem;
}
.main-dark .profile-page .profile-right .transaction table tbody td .sprite-table {
  background: #f3f3f3 url("./media/sprite-RXTZEBSA.png") no-repeat;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 2px 5px 0 5px;
}
.main-dark .profile-page .profile-right .transaction table tbody td .table-refrsh {
  background-position: -264px 1px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction table tbody td .table-search {
  background-position: -240px 0px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction table tbody td .delete {
  background-position: -221px -5px;
  background-color: transparent;
  width: 13px;
  height: 15px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction .t-foot {
  padding: 1.5625rem 2.1875rem;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .transaction .t-foot select {
  padding: 0 0.3125rem;
  border-radius: 4px;
  margin: 0 0.9375rem;
  height: 28px;
  outline: 0;
  font-size: 0.6875rem;
  color: #313131;
}
.main-dark .profile-page .profile-right .change-password form,
.main-dark .profile-page .profile-right .profile-form form {
  padding-top: 0.625rem;
  width: 28.4375rem;
  position: relative;
}
.main-dark .profile-page .profile-right .change-password .intl-tel-input .country-list,
.main-dark .profile-page .profile-right .profile-form .intl-tel-input .country-list {
  top: 3.75rem;
}
.main-dark .profile-page .profile-right .change-password .input-group,
.main-dark .profile-page .profile-right .profile-form .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 2.875rem;
}
.main-dark .profile-page .profile-right .change-password .input-group.email-disabled > label,
.main-dark .profile-page .profile-right .profile-form .input-group.email-disabled > label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number {
  z-index: 3;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .intl-tel-input,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .intl-tel-input {
  vertical-align: middle;
  z-index: 0;
  height: 100%;
  border-right: 1px solid #737373;
  width: 48px;
  position: absolute;
  left: 0;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .flag-container,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .flag-container {
  outline: none;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .country-code,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .country-code {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .change-password .input-group > .input-box:focus ~ label,
.main-dark .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:focus ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group > .input-box:focus ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group > .input-box:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group > .input-box:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:not(focus):valid ~ label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group label,
.main-dark .profile-page .profile-right .profile-form .input-group label {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #d0d0d0;
  background: #091c34;
  font-family: "Notosans";
  z-index: 1;
  transition: 0.4s ease all;
  cursor: auto;
}
.main-dark .profile-page .profile-right .change-password .input-group.date i,
.main-dark .profile-page .profile-right .profile-form .input-group.date i {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -193px -1px;
  width: 23px;
  height: 23px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .change-password .input-group.date label,
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number label,
.main-dark .profile-page .profile-right .profile-form .input-group.date label,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
}
.main-dark .profile-page .profile-right .change-password .error,
.main-dark .profile-page .profile-right .profile-form .error {
  font-size: 0.8rem;
  color: #ff0202;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  display: inline-block;
  margin-top: 5px;
  z-index: 2;
}
.main-dark .profile-page .profile-right .change-password .input-box,
.main-dark .profile-page .profile-right .profile-form .input-box {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #ccc;
  font-family: "Notosans";
  padding: 0 1.25rem;
  background: transparent;
}
.main-dark .profile-page .profile-right .change-password .input-box:focus,
.main-dark .profile-page .profile-right .profile-form .input-box:focus {
  border: 1px solid #f16c1f;
}
.main-dark .profile-page .profile-right .change-password .input-box option,
.main-dark .profile-page .profile-right .profile-form .input-box option {
  color: #000000;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #ccc;
  font-family: "Notosans";
  padding: 0 1.25rem;
  position: relative;
  background: transparent;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input:focus,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-calendar-container,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-calendar-container {
  z-index: 9;
  margin-top: 20px;
}
.main-dark .profile-page .profile-right .change-password .profile-btn-blk,
.main-dark .profile-page .profile-right .profile-form .profile-btn-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .change-password .org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .change-password .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .change-password .see-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .change-password .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .change-password .see-more,
.main-dark .profile-page .profile-right .change-password .vplay-comments .load-more,
.main-dark .vplay-comments .profile-page .profile-right .change-password .load-more,
.main-dark .profile-page .profile-right .profile-form .org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .profile-form .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .profile-form .see-more,
.main-dark .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .profile-form .see-more,
.main-dark .profile-page .profile-right .profile-form .vplay-comments .load-more,
.main-dark .vplay-comments .profile-page .profile-right .profile-form .load-more {
  text-transform: uppercase;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn {
  background: #989898;
  margin-left: 1.25rem;
  cursor: pointer;
}
.main-dark .pricing h3 {
  font-size: 1.8125rem;
  text-align: center;
  padding: 43px 0;
  color: #cacaca;
  font-family: "Notosans";
}
.main-dark .pricing .subscription-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-dark .pricing .subscription-blk {
  max-width: 33.3%;
  width: 100%;
  padding: 1% 1% 3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .pricing .single-subscription {
  width: 100%;
  text-align: center;
  background: #14253d;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
  border-top: 3px solid transparent;
}
.main-dark .pricing .single-subscription:hover {
  border-color: #f16c1f;
}
.main-dark .pricing .single-subscription h5 {
  padding: 1.5625rem 0;
  text-transform: uppercase;
  color: #cacaca;
  font-size: 1.6875rem;
  font-family: "Notosans-bold";
  line-height: inherit;
  padding-left: 15px;
  padding-right: 15px;
}
.main-dark .pricing .single-subscription p {
  font-size: 1rem;
  color: #909090;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-dark .pricing .single-subscription .sub-price {
  font-size: 3.375rem;
  color: #cacaca;
  display: block;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-dark .pricing .single-subscription .subscribe {
  font-size: 1rem;
  color: #f16c1f;
  max-width: 16.25rem;
  width: 100%;
  display: inline-block;
  padding: 1.125rem 0.625rem;
  border: 1px solid #f16c1f;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-dark .pricing .single-subscription .subscribe:hover {
  color: #fff;
  border: 1px solid #f16c1f;
  transition: all ease 0.3s;
}
.main-dark .pricing .single-subscription .sub-list {
  padding: 1.625rem 0.75rem;
  border-top: 1px solid #8a8a8a;
  margin: 1.625rem 0 0;
}
.main-dark .pricing .single-subscription .subscribed {
  color: #fff;
  background: #f16c1f;
  border: 1px solid #f16c1f;
  font-size: 1rem;
  width: 100%;
  max-width: 16.25rem;
  display: inline-block;
  padding: 1.25rem 0.625rem;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-dark .pricing .sub-price span {
  font-size: 1.3125rem;
  display: inline-block;
  font-family: "Notosans";
  text-transform: capitalize;
}
.main-dark .pricing .sub-list li {
  margin-bottom: 18px;
  text-align: left;
  padding: 0 0 0 48px;
  position: relative;
  font-size: 0.875rem;
  color: #cacaca;
}
.main-dark .pricing .sub-list li:before {
  content: "";
  background-image: url("./media/tick-blue-HSD4R4U6.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 19px;
  position: absolute;
  left: 6px;
  top: 0;
}
.main-dark .faq-container {
  margin-top: 50px;
}
.main-dark .faq-container .clf2 {
  margin-top: 0px !important;
  margin-bottom: 50px !important;
}
.main-dark .faq-container h4 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-dark .faq-container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-dark .faq-container .faq-left,
.main-dark .faq-container .faq-right {
  max-width: 45%;
  width: 100%;
  float: left;
}
.main-dark .faq-container .faq-right {
  float: right;
}
.main-dark .faq-container .faq-blk {
  margin-bottom: 26px;
}
.main-dark .faq-container .faq-blk h5 {
  font-family: "Notosans-medium";
  color: #cacaca;
  font-size: 1.125rem;
  margin-bottom: 7px;
}
.main-dark .faq-container .faq-blk p {
  font-size: 0.875rem;
  color: #5f5f5f;
  line-height: 1.6875rem;
}
.main-dark .card-payment-popup {
  background: #111418;
  margin: 3.75rem 0;
  border: 1px solid #3c3c3c;
  width: 100%;
  border-radius: 0.375rem;
  z-index: 6;
  overflow: hidden;
}
.main-dark .card-payment-popup.payment-success {
  background: #f16c1f;
  padding: 0;
  height: 31.25rem;
}
.main-dark .card-payment-popup.add-card-width {
  max-width: 33.125rem;
}
.main-dark .card-payment-popup.saved-card-width {
  max-width: 17.375rem;
}
.main-dark .card-payment-popup.payment-popup-open {
  visibility: visible;
  opacity: 1;
}
.main-dark .card-payment-popup .popup_close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.main-dark .card-payment-popup .popup_close .close {
  width: 100%;
  height: 100%;
}
.main-dark .card-payment-popup .card-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px;
}
.main-dark .card-payment-popup h3 {
  font-size: 1.5rem;
  padding: 30px;
  color: #e2e2e2;
  border-bottom: 1px solid #3c3c3c;
  display: flex;
  justify-content: space-between;
}
.main-dark .card-payment-popup h3 span {
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
}
.main-dark .card-payment-popup h3 span .currency-price {
  color: #f16c1f;
  font-size: 30px;
  margin-left: 10px;
}
.main-dark .card-payment-popup .back-btn {
  font-size: 15px;
  cursor: pointer;
  border: none;
  padding: 0 20px;
  border-radius: 4px;
  margin-left: 20px;
  height: 40px;
  line-height: 40px;
}
.main-dark .card-payment-popup .card-menu {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-dark .card-payment-popup .card-left-menu {
  border-right: 1px solid #3c3c3c;
}
.main-dark .card-payment-popup .card-left-menu a {
  position: relative;
  font-size: 1.125rem;
  color: #e2e2e2;
  text-align: right;
  font-family: "Notosans";
  padding: 0.875rem 2.5rem 0.875rem 0rem;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}
.main-dark .card-payment-popup .card-left-menu a:before {
  content: "";
  width: 2px;
  height: 0;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-dark .card-payment-popup .card-left-menu a:hover,
.main-dark .card-payment-popup .card-left-menu a.active {
  color: #f16c1f;
}
.main-dark .card-payment-popup .card-left-menu a:hover:before,
.main-dark .card-payment-popup .card-left-menu a.active:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-dark .card-payment-popup .added-card-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-dark .card-payment-popup .added-card {
  position: relative;
  padding: 1.25rem;
  margin: 0 1%;
  background: #252a30;
  border: 1px solid #252a30;
  border-radius: 0.5rem;
  display: inline-block;
  width: 31.3%;
  color: #e2e2e2;
  margin-bottom: 10px;
  font-family: "Notosans";
  cursor: pointer;
  transition: all ease 0.3s;
}
.main-dark .card-payment-popup .added-card:hover {
  box-shadow: 1px 2px 11px 3px #000;
  transition: all ease 0.3s;
}
.main-dark .card-payment-popup .added-card:hover .delete-card {
  opacity: 1;
  visibility: visible;
}
.main-dark .card-payment-popup .added-card label {
  font-size: 10px;
  text-transform: uppercase;
}
.main-dark .card-payment-popup .added-card p {
  font-size: 0.96875rem;
  font-family: "Notosans-medium";
  padding-right: 1.25rem;
}
.main-dark .card-payment-popup .added-card .delete-card {
  position: absolute;
  top: 7px;
  right: 7px;
  opacity: 0;
  visibility: hidden;
  background: url("./media/card-delete-CBNYHNSV.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-dark .card-payment-popup .added-card .select-card {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 7px;
}
.main-dark .card-payment-popup .added-card .select-card input {
  background: url("./media/card-check-MYBXJD5K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-dark .card-payment-popup .added-card .select-card input:checked {
  background: url("./media/card-checked-YW2CMGMZ.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer .card-inner-set {
  width: 75%;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer .card-inner-set.card-cvv {
  width: 25%;
}
.main-dark .card-payment-popup .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv {
  position: relative;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv label {
  text-align: center;
  display: block;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv input {
  height: 1.75rem;
  border-radius: 2px;
  border: 1px solid #252a30;
  width: 100%;
  margin-top: 3px;
  padding: 0 5px;
  background: #091c34;
  color: #e2e2e2 !important;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv .error {
  position: relative;
  font-size: 0.625rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-dark .card-payment-popup .added-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-dark .card-payment-popup .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 15px;
}
.main-dark .card-payment-popup .card-right {
  display: block;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2.1875rem;
  min-height: 25rem;
}
.main-dark .card-payment-popup .pay-btn-blk {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0.625rem 0;
}
.main-dark .card-payment-popup .payment-note {
  font-size: 0.75rem;
  color: #777676;
  margin-top: 10px;
  font-family: "Notosans";
  max-width: 300px;
  display: block;
}
.main-dark .card-payment-popup .pay-secure-btn {
  padding: 0.625rem 1.25rem;
  border-radius: 3px;
  border: none;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  width: 21.5625rem;
  cursor: pointer;
}
.main-dark .card-payment-popup h6 {
  font-size: 1.25rem;
  font-family: "Notosans-bold";
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .add-card-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-dark .card-payment-popup .add-card-details .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
  display: block;
}
.main-dark .card-payment-popup .add-card {
  position: relative;
  display: inline-block;
  font-family: "Notosans";
  color: #e2e2e2;
  max-width: 21.5625rem;
}
.main-dark .card-payment-popup .add-card label {
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .add-card .card-input {
  font-size: 1rem;
  height: 2.8125rem;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 10px;
  color: #e2e2e2;
  width: 100%;
  margin-top: 10px;
}
.main-dark .card-payment-popup .add-card .card-input::-webkit-input-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input::-moz-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:-ms-input-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:-moz-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .add-card .card-inner-set {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 1.25rem;
}
.main-dark .card-payment-popup .add-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-number .card_field_group {
  width: 100%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
  width: 35%;
  margin-right: 3.125rem;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
  width: 25%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number input {
  width: 80%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-name .card_field_group {
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk {
  max-width: 55px;
}
.main-dark .card-payment-popup .cvv-blk img {
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.9375rem;
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set label {
  color: #b3b3b3;
  font-size: 10px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set input {
  color: #000;
  font-size: 14px;
  font-family: "Notosans-bold";
  background: transparent;
  border: none;
  letter-spacing: 2px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.main-dark .card-payment-popup .agree-chk {
  display: block;
  color: #a5a3a3;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
  font-size: 0.875rem;
  cursor: pointer;
}
.main-dark .card-payment-popup .agree-chk .checkbox {
  margin: 0 0.625rem 0 0;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  top: -1px;
  position: relative;
}
.main-dark .card-payment-popup .agree-chk .checkbox:checked {
  border: none;
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  background-position: center;
  animation: check 0.3s 1;
}
.main-dark .card-payment-popup .tot-subs {
  color: #727272;
  font-family: "Notosans-medium";
  font-size: 0.90625rem;
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .card-payment-popup .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .card-payment-popup .cancel-btn,
.main-light .vplay-comments .main-dark .card-payment-popup .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .card-payment-popup .see-more,
.main-dark .card-payment-popup .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .card-payment-popup .see-more,
.main-dark .card-payment-popup .vplay-comments .load-more,
.main-dark .vplay-comments .card-payment-popup .load-more,
.main-dark .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
.main-dark .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
  width: 100%;
  font-family: "Notosans-medium";
  padding: 0.625rem 1.25rem;
  font-size: 1.125rem;
  max-width: 21.5625rem;
  margin-bottom: 5px;
}
.main-dark .card-payment-popup .net-banking-blk {
  max-width: 21.5625rem;
  width: 100%;
  color: #e2e2e2;
}
.main-dark .card-payment-popup .net-banking-blk .select-svg {
  position: relative;
  margin-top: 10px;
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .net-banking-blk .select-svg svg polygon {
  fill: #ccc;
}
.main-dark .card-payment-popup .net-banking-blk label {
  font-size: 1rem;
  display: block;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .net-banking-blk svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.main-dark .card-payment-popup .net-banking-blk select {
  height: 2.8125rem;
  color: #424242;
  font-size: 1.125rem;
  padding: 0 10px;
  padding-right: 15px;
  border-radius: 3px;
  border: 1px solid #ccc;
  outline: none;
  width: 100%;
  color: #e2e2e2;
  background: transparent;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-dark .card-payment-popup .net-banking-blk select:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .net-banking-blk select option {
  background: #101418;
}
.main-dark .card-payment-popup .payment-succes-blk-outer {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-dark .card-payment-popup .payment-succes-blk-outer .payment-succes-text {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 3%;
}
.main-dark .card-payment-popup .payment-succes-blk-outer .payment-succes-text p {
  font-size: 1.5rem;
  font-family: "Notosans";
  color: #fff;
}
.main-dark .card-payment-popup .payment-succes-blk {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 47rem;
  height: 47rem;
  margin: auto;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button.b {
  width: 100%;
  height: 100%;
  background-color: #20c2e7;
  background-image: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  animation: pulseb 2s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button.a {
  width: 20rem;
  height: 20rem;
  background-color: #22c8ee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: none;
  overflow: hidden;
  animation: pulsea 1s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button {
  position: relative;
  width: 40%;
  height: 40%;
  border: none;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
  box-shadow: 0 0 80px 20px rgba(0, 0, 0, 0.05);
  animation: pulse 1s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk img {
  width: 100%;
  max-width: 270px;
  padding-top: 80px;
  animation: pulse 1s 1 linear;
}
@keyframes pulse {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2);
  }
}
@keyframes pulsea {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
@keyframes pulseb {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
.main-dark .popup-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
}
.main-dark .modal-open .popup-overlay {
  visibility: visible;
  opacity: 1;
}
.main-dark .cms-content .abt_hindi p span {
  font-size: 0.875rem !important;
  color: #d0d0d0 !important;
  line-height: 1.6875rem !important;
  font-family: Notosans-medium !important;
}
.main-dark .cms-content .abt_hindi .stronger {
  text-decoration: none !important;
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634 !important;
  font-size: 23px !important;
  margin-right: 10px;
  border-bottom: 2px solid #e89634 !important;
}
.main-dark .cms-content {
  margin: 45px auto;
}
.main-dark .cms-content h2 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  padding: 0 0 12px;
  margin: 0 0 0px;
  position: relative;
  display: inline-block;
}
.main-dark .cms-content .static-content {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.6875rem;
  font-family: "Notosans";
}
.main-dark .cms-content .static-content strong {
  font-family: "Notosans-medium";
  font-weight: normal;
}
.main-dark .cms-content .static-content p,
.main-dark .cms-content .static-content span {
  background: transparent !important;
}
.main-dark .cms-content .tabel_ol li {
  color: #d0d0d0 !important;
}
.main-dark .cms-content .tabel_ol li p span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content ol li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-dark .cms-content ul li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-dark .cms-content .ano {
  padding-left: 50px;
}
.main-dark .cms-content li p span {
  color: #e79633;
  font-family: "Notosans-bold" !important;
}
.main-dark .cms-content p {
  font-size: 0.875rem !important;
  color: #d0d0d0 !important;
  line-height: 1.6875rem !important;
  font-family: "Notosans-medium" !important;
  margin-top: 8px !important;
}
.main-dark .cms-content p span {
  background: transparent !important;
  font-size: 0.875rem !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content p a {
  color: #e59433 !important;
  margin-right: 5px;
  cursor: pointer;
}
.main-dark .cms-content p a span {
  background: transparent !important;
  color: #e59433 !important;
}
.main-dark .cms-content p strong {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
  font-size: 23px;
  margin-right: 5px;
  border-bottom: 2px solid #e89634;
}
.main-dark .cms-content .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-dark .nou {
  text-decoration: none !important;
}
.main-dark .cms-content .terms .nopad {
  padding-left: 20px !important;
}
.main-dark .cms-content .terms .table_ol li span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content .terms .table_ol li {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content .terms .ano {
  padding-left: 55px;
}
.main-dark .cms-content .terms .slileft {
  padding-left: 75px;
}
.main-dark .cms-content .terms .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-dark .cms-content .terms .bolder_text .und {
  border-bottom: 1px solid #e89634;
}
.main-dark .cms-content .terms p strong span {
  font-family: "Notosans-bold" !important;
}
.main-dark .cms-content .terms p strong {
  border-bottom: none !important;
}
.main-dark .initimation-subscribe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.49);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.main-dark .initimation-subscribe p {
  font-size: 1.375rem;
  color: #fff;
  margin-bottom: 1.25rem;
}
.main-dark .initimation-subscribe .make-subscription {
  text-transform: uppercase;
}
.main-dark .my-playlist-container ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .my-playlist-container ul .my-playlist-list {
  margin-right: 25px !important;
  width: 300px;
  max-width: 27.6%;
  margin: 0.7%;
  -webkit-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 16.6% !important;
  }
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left {
  width: 77%;
  height: 11.25rem;
  background: #d4d4d4;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left .my-playlist-thumb {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right {
  width: 23%;
  background: #142f4f;
  color: #fff;
  text-align: center;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right .playlist-video-count {
  display: block;
  font-size: 1.125rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: #ccc;
  margin-top: 0.25rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 1.25rem;
  position: relative;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail h3 {
  font-size: 0.875rem;
  display: block;
  color: #cacaca;
  width: 100%;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playist-more-ic svg {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li {
  position: relative;
  width: 100%;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li a {
  color: #2d2d2d;
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 0.9375rem 1.25rem;
  visibility: hidden;
  opacity: 0;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title label {
  font-size: 0.75rem;
  display: block;
  color: #3f3f3f;
  margin-bottom: 0.625rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
  width: 12.1875rem;
  border: none;
  border-bottom: 1px solid #a5a5a5;
  color: #3f3f3f;
  font-family: medium;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:hover,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:hover,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group {
  position: relative;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group .error {
  position: absolute;
  font-size: 0.75rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns button {
  color: #3f3f3f;
  font-size: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Notosans-medium";
}
.main-dark .live-videos-page .video-tabs-blk {
  margin: 3.125rem 0 0 0;
  text-align: center;
}
.main-dark .live-videos-page .video-tabs-blk .video-tabs {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  background: #f3f3f3;
  overflow: hidden;
}
.main-dark .live-videos-page .video-tabs-blk a {
  font-size: 1.125rem;
  font-family: "Notosans";
  padding: 1rem 1.875rem;
  width: 11.875rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-dark .live-videos-page .video-tabs-blk a.active {
  color: #fff;
  background: #f16c1f;
}
.main-dark .live-videos-page .video-tabs-blk span {
  position: relative;
  z-index: 3;
}
.main-dark .live-videos-page .video-tabs-blk .live-now.active {
  color: #fff;
  background: #f16c1f;
}
.main-dark .live-videos-page h5 {
  font-family: "Notosans";
  font-size: 1.5rem;
  color: #cacaca;
  margin: 0.75rem 0 0.625rem;
}
.main-dark .live-videos-page .video-listing {
  margin-bottom: 1.875rem;
}
.main-dark .live-videos-page .video-listing .video-listing-container {
  margin: 0 -0.5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .live-videos-page .video-listing .video-listing-container .item {
  width: 15.6%;
  margin: 0.5%;
}
.main-dark .live-videos-page .home-banner {
  padding-bottom: 0.25rem;
}
.main-dark .live-videos-page .live-channel-marquee {
  max-width: 33%;
  width: 100%;
}
.main-dark .live-videos-page .live-channel-marquee marquee {
  font-size: 1.25rem;
  margin: 0.625rem 0 0;
  color: #fff;
}
.main-dark .live-videos-page .genre-view .genre-list {
  margin-bottom: 15px;
}
.main-dark .my-account-page {
  padding: 2.5rem 0;
  position: relative;
  margin-bottom: 5rem;
}
.main-dark .my-account-page .account-container {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
.main-dark .my-account-page .account-container h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
  color: #cacaca;
}
.main-dark .my-account-page .account-container .account-grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.main-dark .my-account-page .account-container .account-grid .account-list {
  border: 1px solid #14253d;
  background: #14253d;
  padding: 1.25rem 0.625rem 1.25rem 1.75rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 1% 20px;
  width: 100%;
  max-width: 31.3%;
  cursor: pointer;
}
.main-dark .my-account-page .account-container .account-grid .account-list:hover {
  background: #172b48;
}
.main-dark .my-account-page .account-container .account-grid .account-list:focus {
  outline: none;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
  margin-right: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon svg path {
  fill: #d0d0d0;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon img {
  width: 1.875rem;
  height: 1.875rem;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-cont h3 {
  margin-bottom: 5px;
  font-size: 1rem;
  color: #cacaca;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-cont span {
  display: block;
  font-size: 0.8125rem;
  color: #c5c5c5;
  font-family: "Notosans";
}
.main-dark .heading-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .select-design {
  font-size: 0.75rem;
  position: relative;
  z-index: 2;
  margin-left: 10px;
}
.main-dark .select-design .drop-arr {
  background: url("./media/b-caret-AWMWFDMV.svg") no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.main-dark .select-design .select-selected {
  text-transform: uppercase;
  border: 1px solid #f16c1f;
  padding-right: 2.1875rem;
}
.main-dark .select-design a {
  color: #f16c1f;
  display: block;
  padding: 0.3125rem 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  transition: all 0.3s ease;
}
.main-dark .select-design ul {
  background: #091c34;
  position: absolute;
  width: 100%;
  box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.main-dark .select-design ul a:hover {
  background: #0c305a;
  transition: all 0.3s ease;
}
.main-dark .payment-page {
  padding: 4.375rem 0;
  width: 100%;
}
.main-dark .payment-page .payment-container {
  max-width: 47.1875rem;
  margin: 0 auto;
}
.main-dark .payment-page .payment-container.payment-failure .payment-head .payment-head-right .payment-title {
  color: #e63917;
}
.main-dark .payment-page .payment-container .payment-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  border-bottom: 2px solid #d6d6d6;
}
.main-dark .payment-page .payment-container .payment-head .playment-head-image {
  width: 12.5rem;
  margin-top: auto;
}
.main-dark .payment-page .payment-container .payment-head .playment-head-image img {
  max-width: 100%;
  display: block;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right {
  margin-left: 2.5rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
  color: #d0d0d0;
  font-size: 1.5rem;
  font-family: "Notosans-bold";
  margin-bottom: 0.75rem;
  line-height: normal;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-text {
  font-size: 1rem;
  color: #d0d0d0;
  font-family: "Notosans";
}
.main-dark .payment-page .payment-container .payment-body {
  padding: 1.875rem 0;
  text-align: center;
}
.main-dark .payment-page .payment-container .payment-body ul {
  display: inline-block;
  text-align: left;
}
.main-dark .payment-page .payment-container .payment-body li {
  margin-bottom: 10px;
}
.main-dark .payment-page .payment-container .payment-body li label {
  color: #d0d0d0;
  width: 16.875rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9375rem;
}
.main-dark .payment-page .payment-container .payment-body li span {
  color: #d0d0d0;
  font-size: 1rem;
  font-family: "Notosans-bold";
}
.main-dark .payment-page .payment-container .payment-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 1.875rem 0 0;
}
.main-dark .payment-page .payment-container .payment-btns a {
  width: 10.625rem;
  height: 2.5rem;
  text-align: center;
  display: inline-block;
  color: #d0d0d0;
  font-size: 1rem;
  line-height: 2.5rem;
  font-family: "Notosans";
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 0 0.9375rem;
  cursor: pointer;
}
.main-dark .payment-page .payment-container .payment-btns a:hover {
  border-color: #f16c1f;
}
.main-dark {
}
.main-dark .passw-field {
  position: relative;
}
.main-dark .passw-field #eye {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: absolute;
  top: 45%;
  right: 15px;
  z-index: 2;
  cursor: pointer;
}
.main-dark .passw-field #eye svg {
  display: block;
}
.main-dark .passw-field input {
  padding-right: 45px;
}
.main-dark .opened-eye {
  display: none;
}
.main-dark .fa-eye.open .opened-eye {
  display: block;
}
.main-dark .fa-eye.open .closed-eye {
  display: none;
}
.main-dark .no-connection {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  z-index: 99;
  top: 0;
}
.main-dark .no-connection .content {
  background: #fff;
  width: 90%;
  max-width: 400px;
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 7px;
  padding: 0;
  text-align: center;
}
.main-dark .no-connection svg {
  max-width: 100%;
  max-height: 227px;
  margin-bottom: 0;
}
.main-dark .no-connection p {
  font-size: 13px;
  color: #333;
}
.main-dark .no-connection .content-text {
  padding: 0 30px 30px;
  font-family: "Notosans";
}
.main-dark .no-connection .content-header {
  padding: 15px;
  border-bottom: 1px dashed #bbb;
  position: relative;
}
.main-dark .no-connection .content-header h2 {
  padding: 0 20px;
  font-size: 1rem;
}
.main-dark .no-connection .content-header .close {
  width: 0.8125rem;
  height: 0.8125rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  cursor: pointer;
}
.main-dark .no-connection .content-header .close:hover svg path {
  opacity: 0.9;
}
.main-dark .no-connection .content-header .close svg {
  width: 100%;
  height: 100%;
}
.main-dark .videos-dimensions.play-fluid.play-ad-playing {
  padding: 0;
}
.main-dark .video-player-center.title-grd:before {
  display: none;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.3) 20%,
      hsla(0, 0%, 0%, 0) 100%);
  z-index: 1;
  display: block;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-countdown-div {
  position: fixed;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 0.375rem 1.125rem 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-family: "Notosans";
  text-align: right;
  height: auto;
  color: #fff;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-ad-container {
  z-index: unset !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-controls-div {
  height: 2.3125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-controls-div.ima-controls-div-showing {
  height: 2.3125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-seek-bar-div {
  height: 0.25rem;
  top: 0rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-progress-div {
  height: 0.25rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div,
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-mute-div,
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  top: 0.6875rem;
  line-height: normal;
  display: block !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div {
  left: 0.625rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-slider-div {
  top: 1rem;
  display: none !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-mute-div {
  right: 3.125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  right: 0.625rem;
}
.main-dark .xray-contents {
  top: 0;
  right: 0;
  color: #fff;
  z-index: 5;
  margin-left: auto;
}
.main-dark .xray-contents.xray-tabs-contents {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9;
  padding: 1.875rem;
  overflow: auto;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin: 0.875rem 0 1.25rem;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading .search_close {
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background: #ffffff;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-right: auto;
  margin-left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading .search_close svg {
  width: 1rem;
  height: 1rem;
}
.main-dark .xray-contents .xray-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 1rem;
}
.main-dark .xray-contents .xray-heading h2 {
  cursor: pointer;
  font-family: "Notosans-bold";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-heading h2 .logo {
  font-size: 0.6875rem;
  font-family: "Notosans";
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.47);
  padding: 0.1875rem;
  margin-left: 0.3125rem;
}
.main-dark .xray-contents .xray-heading .xray-viewall {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.968627451);
  font-size: 0.875rem;
  display: block;
  line-height: 1.375rem;
}
.main-dark .xray-contents .xray-heading .xray-division {
  margin: 0 0.625rem;
  display: block;
  font-size: 0;
}
.main-dark .xray-contents .xray-heading .xray-division:before {
  content: "";
  position: relative;
  width: 1px;
  height: 1.125rem;
  background: #fff;
  display: inline-block;
}
.main-dark .xray-contents .xray-heading .xray-arrow {
  margin-left: 0.4375rem;
}
.main-dark .xray-contents .xray-heading .xray-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
  fill: #fff;
  display: block;
}
.main-dark .xray-contents .xray-heading .xray-tabs {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-heading .xray-tabs a {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0.8125rem;
}
.main-dark .xray-contents .xray-heading .xray-tabs a:hover,
.main-dark .xray-contents .xray-heading .xray-tabs a.active {
  color: rgb(255, 255, 255);
}
.main-dark .xray-contents .xray-lists {
  position: absolute;
  width: 22.5rem;
  top: 3.25rem;
  right: 0;
  max-height: 31.25rem;
  overflow: auto;
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar {
  width: 5px;
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.53);
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.main-dark .xray-contents .xray-lists ul {
  margin-right: 0.3125rem;
}
.main-dark .xray-contents .xray-lists ul .hand-pointer {
  cursor: pointer;
}
.main-dark .xray-contents .xray-lists ul li {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-lists ul li + li {
  margin-top: 0.625rem;
}
.main-dark .xray-contents .xray-lists ul li:hover {
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .xray-contents .xray-lists ul li .xray-image {
  width: 5rem;
  margin-right: 0.625rem;
}
.main-dark .xray-contents .xray-lists ul li .xray-image img {
  width: 100%;
}
.main-dark .xray-contents .xray-lists ul li .xray-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: 0.5px;
  width: 50%;
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-title {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-subtitle {
  font-size: 0.875rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-para {
  font-size: 0.75rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
  line-height: 0.875rem;
}
.main-dark .xray-contents .xray-tabs-lists ul {
  margin: 0 -0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .xray-contents .xray-tabs-lists ul li {
  width: 14.285%;
  padding: 0 0.3125rem 0.625rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image {
  position: relative;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%,
      rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  left: 0;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0.3125rem 0.625rem 0.625rem;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content .xray-title {
  font-family: "Notosans";
  color: #fff;
  font-size: 0.875rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content .xray-subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .xray-contents .xray-cast-detail {
  font-family: "Notosans";
  color: rgba(255, 255, 255, 0.7);
}
.main-dark .xray-contents .xray-cast-detail .back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-cast-detail .back svg {
  width: 0.75rem;
  fill: rgba(255, 255, 255, 0.7);
  height: 0.75rem;
  margin-right: 0.3125rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-image {
  width: 12.5rem;
  margin-right: 1.5625rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50%;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-title {
  max-width: 51.25rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-subtitle {
  max-width: 51.25rem;
  font-size: 0.875rem;
  color: #19b4d7;
  margin-top: 0.125rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-para {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.9375rem;
  letter-spacing: 0.5px;
  max-width: 51.25rem;
}
.main-dark .xray-contents .xray-scenes-detail li {
  margin-bottom: 0.9375rem;
  background: rgba(85, 85, 85, 0.5);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
}
.main-dark .xray-contents .xray-scenes-detail li .image {
  width: 12.1875rem;
}
.main-dark .xray-contents .xray-scenes-detail li .image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-scenes-detail li .content {
  flex: 1;
  width: 50%;
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-scenes-detail li .content h3 {
  font-size: 0.875rem;
  font-family: "Notosans";
  color: #ccc;
}
.main-dark .xray-contents .xray-scenes-detail li .content h4 {
  font-size: 0.75rem;
  font-family: "Notosans";
  color: #a0a0a0;
  margin-top: 0.25rem;
}
.main-dark .xray-contents .xray-scenes-detail li .content svg {
  width: 0.625rem;
  height: 0.625rem;
  display: block;
  fill: #a0a0a0;
  margin-right: 0.5rem;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side {
  margin-left: auto;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side a {
  cursor: pointer;
  background: #4d4d4d;
  color: #a0a0a0;
  font-family: "Notosans";
  font-size: 0.8125rem;
  padding: 0.375rem 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side span {
  display: block;
  margin-top: 0.125rem;
}
.main-dark .subtitle-popup {
  position: absolute;
  width: 25rem;
  margin: auto;
  z-index: 9;
  left: 0;
  right: 0;
  background: #363636;
  color: #fff;
  font-family: arial;
}
.main-dark .subtitle-popup .header {
  padding: 0.875rem 1.25rem;
  background: #3e3e3e;
  border-bottom: 1px solid #464646;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .subtitle-popup .header .close-subtitle {
  margin-left: auto;
  cursor: pointer;
}
.main-dark .subtitle-popup .header .close-subtitle svg.close {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-dark .subtitle-popup .header h3 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: arial;
}
.main-dark .subtitle-popup .size,
.main-dark .subtitle-popup .presets {
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .subtitle-popup .size ul,
.main-dark .subtitle-popup .presets ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .size ul li + li,
.main-dark .subtitle-popup .presets ul li + li {
  margin-left: 0.8125rem;
}
.main-dark .subtitle-popup .size h3,
.main-dark .subtitle-popup .presets h3 {
  font-size: 1rem;
  width: 6.25rem;
  font-family: arial;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.main-dark .subtitle-popup .size {
  border-bottom: 1px solid #4b4b4b;
}
.main-dark .subtitle-popup .size ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .size ul li {
  color: #808080;
  cursor: pointer;
  line-height: 1;
}
.main-dark .subtitle-popup .size ul li:hover,
.main-dark .subtitle-popup .size ul li.active {
  color: #fff;
}
.main-dark .subtitle-popup .size ul li.size1 {
  font-size: 1rem;
}
.main-dark .subtitle-popup .size ul li.size2 {
  font-size: 1.25rem;
}
.main-dark .subtitle-popup .size ul li.size3 {
  font-size: 1.5rem;
}
.main-dark .subtitle-popup .size ul li.size4 {
  font-size: 1.625rem;
}
.main-dark .subtitle-popup .size ul li.size5 {
  font-size: 1.75rem;
}
.main-dark .subtitle-popup .presets ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .presets ul li {
  padding: 0.5rem;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
}
.main-dark .subtitle-popup .presets ul li.presets1 {
  border: 1px solid #fff;
  background: #000;
}
.main-dark .subtitle-popup .presets ul li.presets2 {
  text-shadow: 2px 2px 0px #000;
}
.main-dark .subtitle-popup .presets ul li.presets3 {
  background: #000;
  color: #e6da38;
}
.main-dark .subtitle-popup .presets ul li.presets4 {
  color: #000;
}
.main-dark .geofence-region {
  background: #0d0d0d;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.875rem;
  width: 90%;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  max-width: 31.25rem;
  margin: auto;
  height: 5.1875rem;
  bottom: 0;
  justify-content: center;
  font-family: "Notosans";
  font-size: 1.1875rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-dark .geofence-region svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  fill: #fff;
  margin-right: 0.9375rem;
}
.main-dark .checkout .page-heading {
  background: #12181f;
  text-align: center;
  padding: 3.375rem 0 13rem;
}
.main-dark .checkout .page-heading h3 {
  font-size: 1.5625rem;
  color: #2d2d2d;
  color: #d2d2d2;
  font-family: "Notosans-bold";
}
.main-dark .checkout .checkout-container {
  max-width: 45.0625rem;
  margin: auto;
}
.main-dark .checkout .product-details {
  background: #252a30;
  margin-top: -10.9375rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
}
.main-dark .checkout .product-details .image-description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 3.125rem 4.375rem;
}
.main-dark .checkout .product-details .image-description .image {
  margin-right: 1.875rem;
  width: 7.25rem;
}
.main-dark .checkout .product-details .image-description .image span {
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  background-size: cover;
  background-position: center;
  padding-top: 127%;
  display: block;
}
.main-dark .checkout .product-details .image-description .description {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-dark .checkout .product-details .image-description .description h4 {
  font-size: 1.375rem;
  color: #c7c7c7;
  font-family: "Notosans-black";
  margin-bottom: 0.4375rem;
}
.main-dark .checkout .product-details .image-description .description p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  color: #909090;
  font-family: "Notosans";
}
.main-dark .checkout .product-details .views-price {
  border-top: 1px solid #696969;
  padding: 1rem 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .checkout .product-details .views-price .views {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-dark .checkout .product-details .views-price .views svg {
  width: 1.3125rem;
  height: 0.75rem;
  display: block;
  margin-right: 0.625rem;
}
.main-dark .checkout .product-details .views-price .views span {
  font-size: 0.8125rem;
  color: #a0a0a0;
  letter-spacing: 0.1px;
  font-family: "Notosans-medium";
  width: 20%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .checkout .product-details .views-price .price {
  margin-left: 1.875rem;
  font-family: "Notosans-black";
  font-size: 1.125rem;
  color: #c7c7c7;
}
.main-dark .checkout .payment-methods {
  margin: 4.6875rem 0 0;
}
.main-dark .checkout .payment-methods h3 {
  font-size: 1.125rem;
  color: #d2d2d2;
  font-family: "Notosans-medium";
}
.main-dark .checkout .payment-methods .radios {
  margin-bottom: 2.8125rem;
}
.main-dark .checkout .payment-methods .radios input {
  display: none;
}
.main-dark .checkout .payment-methods .radios ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.0625rem;
}
.main-dark .checkout .payment-methods .radios ul li {
  padding: 1.0625rem;
  width: 33.3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .checkout .payment-methods .radios .radio-box {
  border: 1px solid #e6e8ec;
  width: 100%;
  text-align: center;
  padding: 0.375rem 0;
  min-height: 3.75rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  padding: 0 0.625rem;
}
.main-dark .checkout .payment-methods .radios .radio-box .card-image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.main-dark .checkout .payment-methods .radios .radio-box .card-image img {
  margin-right: 0.9375rem;
}
.main-dark .checkout .payment-methods .radios .radio-box img {
  max-width: 100%;
}
.main-dark .checkout .payment-methods .radios .radio-box .light {
  display: none;
}
.main-dark .checkout .payment-methods .radios .radio-box .dark {
  display: block;
}
.main-dark .checkout .payment-methods .radios input:checked + .radio-box {
  border-color: #27cbf1;
}
.main-dark .checkout .payment-methods .checkbox {
  padding-left: 2.5625rem;
  position: relative;
}
.main-dark .checkout .payment-methods .checkbox input {
  width: 1.4375rem;
  height: 1.4375rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  background-image: url("./media/card-check-MYBXJD5K.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-dark .checkout .payment-methods .checkbox input:checked {
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
}
.main-dark .checkout .payment-methods .checkbox label {
  display: block;
  font-size: 0.8125rem;
  font-family: "Notosans-medium";
  color: #a0a0a0;
  letter-spacing: 0.1px;
  line-height: 1.125rem;
}
.main-dark .checkout .payment-methods .checkbox label a {
  color: #0ca1c4;
  cursor: pointer;
}
.main-dark .checkout .payment-methods .button {
  text-align: center;
  margin: 2.25rem 0;
}
.main-dark .checkout .payment-methods .button button {
  width: 100%;
  max-width: 16.6875rem;
  border: 0;
  background: #27cbf1;
  color: #fff;
  font-size: 1.1875rem;
  padding: 0;
  line-height: 3.75rem;
  cursor: pointer;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-dark .checkout .payment-methods .button button.disabled {
  cursor: not-allowed;
}
.main-dark .cursor-pointer {
  cursor: pointer;
}
.main-dark {
}
.main-dark .play-fullscreen .video-cs-blk .movie-title.title-grd,
.main-dark .play-fullscreen .video-cs-blk .back_btn {
  display: none !important;
}
.main-dark .show-video-card {
  text-align: center;
}
.main-dark .show-video-card .show-video {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 140px;
  margin-bottom: 1.25rem;
  border: 0;
  cursor: pointer;
  line-height: 1.125rem;
  color: #fff;
  background: #fb8541;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fb8541), color-stop(100%, #f16c1f));
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-dark .cms-content .tw-data-text.tw-ta.tw-text-small {
  width: 100% !important;
  height: auto !important;
  color: #ffffff !important;
}
.main-dark .profile-page .profile-right .history .history-container .item .slider-img {
  overflow: hidden;
}
.main-dark .cs-slider .item:hover .slider-item .video-card-trailer img,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .video-card-trailer img,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer img,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer img {
  visibility: visible;
  height: 77%;
}
.main-dark .menu_drop .menu li {
  float: left;
}
.main-dark .menu_drop .menu li {
  list-style: none;
  position: relative;
}
.main-dark .menu_drop .menu a {
  display: block;
  text-decoration: none;
  line-height: 3;
  padding-left: 5px;
  padding-right: 5px;
}
.main-dark .menu_drop .menu a:hover {
  background: #091c34;
  color: #f16c1f;
}
.main-dark .menu_drop .sub-menu,
.main-dark .menu_drop .super-sub-menu {
  position: absolute;
  background: #091c34;
  min-width: 230px;
  padding: 0px;
  display: none;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
}
.main-dark .menu_drop .super-sub-menu {
  left: 230px;
  top: 0;
}
.main-dark .menu_drop .super-sub-menu.mega-menu {
  left: 0;
}
.main-dark .menu_drop .sub-menu li {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: static;
}
.main-dark .menu_drop .sub-menu li a {
  line-height: 32px;
  font-size: 16px;
}
.main-dark .menu_drop .sub-menu li a.sub-menu-link {
  background: transparent;
  color: #fff;
  padding: 0 10px;
}
.main-dark .menu_drop .sub-menu li a.sub-menu-link:hover {
  background: #446b9c;
  color: #fbfbfb;
}
.main-dark .menu_drop .parent-menu {
  background: #052854;
}
.main-dark .menu_drop .sub-menu li:last-child {
  border: 0;
}
.main-dark .menu_drop .menu li:hover .sub-menu,
.main-dark .menu_drop .sub-menu li:hover .super-sub-menu {
  display: block;
}
.main-dark .inner-sub-menu {
  position: absolute;
  top: 0px;
  left: 230px;
  background: #14253d;
  padding: 0;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
  display: flex;
}
.main-dark .inner-sub-menu .innersuper {
  width: 255px;
  border-right: 1px solid #223e65;
  padding: 0px 5px;
}
.main-dark .inner-sub-menu .innersuper:last-child {
  border-right: none;
}
.main-dark .inner-sub-menu .innersuper li a {
  font-size: 16px;
}
.main-dark .inner-sub-menu .innersuper li a:hover {
  background: #446b9c;
  color: #fbfbfb !important;
}
.main-dark .inner-sub-menu:hover .innersuper {
  display: block;
}
.main-dark .more-sub-menu ul li {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.main-dark .more-sub-menu ul li:focus {
  outline: none;
}
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date input {
  width: 100%;
}
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split select.input-data,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split select.ngx-datepicker-input,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date.input-data,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date.ngx-datepicker-input {
  font-size: 0.875rem;
  height: 2.7em;
  color: #696969;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input {
  vertical-align: middle;
  z-index: 6;
  height: 2.3rem;
  border-right: 1px solid #e4e4e4;
  width: 48px;
  position: absolute;
  left: 0;
  top: 15px;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input .country-list {
  width: 21rem;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input .country-list li span {
  font-size: 13px;
}
.main-dark .vplayer-content {
  position: relative;
}
.main-dark .vplayer-overlay.is--active {
  opacity: 1;
  visibility: visible;
}
.main-dark .vplayer-overlay {
  margin: 0;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  color: rgba(195, 195, 195, 0.2);
  font-size: 18px;
}
.main-dark .signup-content .form-control label,
.main-dark .main-dark .form-control .ngx-datepicker-container label {
  font-size: 0.875rem;
}
.main-dark .error-txt a {
  color: #0b55b3;
}
.main-dark .duration {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 0px 3px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .more-options {
  padding: 2rem 0;
}
.main-dark .more-options .s-container {
  width: 85%;
}
.main-dark .more-options .tittle-blk {
  border-bottom: 1px solid #868686;
  padding-bottom: 0.8rem;
}
.main-dark .more-options .more-options-categories {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin: 0 -10px;
}
.main-dark .more-options .more-options-categories ul.parent-categ {
  padding: 0 10px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin: 1rem 0;
}
@media (max-width: 1199px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 991px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.main-dark .more-options .more-options-categories ul.parent-categ li .title {
  background: #073a7b;
  padding: 10px;
  display: inline-block;
  border-radius: 4px;
  padding-bottom: 0.5em;
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
  line-height: normal;
  justify-content: space-between;
}
.main-dark .more-options .more-options-categories ul.parent-categ li a {
  color: #fff;
  line-height: 32px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li {
  border-bottom: 1px solid #a2a2a2 !important;
  padding: 5px 0;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a {
  padding-left: 25px;
  font-style: italic;
  cursor: pointer;
  position: relative;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a:hover {
  color: #fb8541;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a:before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a2a2a2;
  top: 42%;
  left: 0;
  content: "";
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li:last-child {
  border-bottom: none;
}
.main-dark .table-responsive {
  color: #fff;
  padding: 2rem 0;
}
.main-dark .table-responsive .detail-text {
  padding-bottom: 0.8rem;
}
.main-dark .table-responsive td,
.main-dark .table-responsive th {
  border: 1px solid #dfdfe0;
  padding: 0.3rem 0.5rem;
}
.main-dark .home.my-playlist-container .view-all,
.main-dark .playlist.my-playlist-container .view-all {
  font-size: 16px;
  margin-left: 10px;
  color: #FB8541;
  cursor: pointer;
}
.main-dark .home.my-playlist-container ul li,
.main-dark .playlist.my-playlist-container ul li {
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 0 5px;
  margin-top: 15px;
  max-width: 20%;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    width: 100%;
  }
}
.main-dark .home.my-playlist-container ul li .my-playlist-left,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left {
  width: 100% !important;
  position: relative;
}
.main-dark .home.my-playlist-container ul li .my-playlist-left .video-counts,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left .video-counts {
  position: absolute;
  bottom: 8px;
  background: #091c34;
  color: #fff;
  left: 8px;
  font-size: 14px;
  padding: 3px 7px;
  border-radius: 3px;
}
.main-dark .home.my-playlist-container ul li .my-playlist-left .video-counts span,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left .video-counts span {
  margin-right: 5px;
}
.main-dark .home.my-playlist-container ul li h3,
.main-dark .playlist.my-playlist-container ul li h3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .home.my-playlist-container ul li .my-playlist-detail,
.main-dark .playlist.my-playlist-container ul li .my-playlist-detail {
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  background: #14253d;
}
.main-dark .grids {
  margin: 0 -5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.main-dark .grids .item {
  width: 20%;
  margin-bottom: 15px;
  margin-right: 0;
  padding: 0 5px;
}
@media (max-width: 1500px) {
  .main-dark .grids .item {
    width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-dark .grids .item {
    width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-dark .grids .item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .grids .item {
    width: 100%;
  }
}
.main-dark .video-detail-page .related-videos .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .video-detail-page .related-videos .item,
.main-dark .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item {
  overflow: inherit;
}
.main-dark .change-password .left-side {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-dark .change-password .form-control {
  width: 100%;
}
.main-dark .change-password .form-control input {
  background: transparent;
  border: 1px solid #737272;
  color: #ccc;
}
.main-dark .change-password .form-control input:focus ~ label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .form-control label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .form-control input:not(focus):valid ~ label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .org-btn,
.main-light .profile-page .profile-right .main-dark .change-password .cancel-btn,
.main-light .vplay-comments .main-dark .change-password .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .change-password .see-more,
.main-dark .change-password .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .change-password .see-more,
.main-dark .change-password .vplay-comments .load-more,
.main-dark .vplay-comments .change-password .load-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .change-password .profile-page .profile-right .profile-form .cancel-btn {
  width: 200px;
}
.main-dark #myModal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.main-dark #myModal .modal-content {
  background: #091c34;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
  position: relative;
  top: 45%;
  width: 30%;
  color: #fff;
  border: none;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.main-dark #myModal {
}
.main-dark #myModal .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.main-dark .playlist-all .item.playlist-card {
  width: 24%;
  padding: 0 5px;
  margin: 1.25rem 0;
}
.main-dark .playlist-all .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item,
.main-dark .playlist-all .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .playlist-all .item {
  transition: ease 0.4s all;
  position: relative;
  box-shadow: none;
  background: 0 0;
}
.main-dark .playlist-all .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item:hover,
.main-dark .playlist-all .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .playlist-all .item:hover {
  transform: scale(1.05) !important;
}
.main-dark .playlist-all .slider-img {
  overflow: hidden;
  border-radius: 0px;
  max-height: 13.4375rem;
}
.main-dark .playlist-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(9, 28, 52, 0.8);
  color: #fff;
  padding: 1px 4px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .playlist-all .slider-content {
  padding: 0px 15px !important;
  height: auto;
}
.main-dark .playlist-all .slider-content h3 {
  text-transform: capitalize;
}
.main-dark .playlist {
  padding: 2.16rem 0 4.05rem;
  color: #cacaca;
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}
.main-dark .playlist .playlist-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(40px);
  filter: blur(40px);
}
.main-dark .playlist .playlist-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .playlist .back-to-page {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.main-dark .playlist .back-to-page svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-dark .playlist .breadcrumb ul {
  display: flex;
}
.main-dark .playlist .breadcrumb ul li {
  margin: 0 2.22rem 0.55rem 0;
  font-size: 1rem;
}
.main-dark .playlist ul li.active-page {
  position: relative;
}
.main-dark .playlist .playlist-details {
  margin-top: 0.88rem;
  color: #fff;
  display: flex;
}
.main-dark .playlist .playlist-details .playlist-img {
  width: 18rem;
  height: auto;
  margin-right: 1.72rem;
  max-height: 18rem;
}
.main-dark .playlist .playlist-img img {
  width: 100%;
  display: block;
  border-radius: 8px;
  max-height: 18rem;
}
.main-dark .playlist .playlist-details .playlist-content {
  flex: 1;
}
.main-dark .playlist .playlist-content h3 {
  font-size: 1.94rem;
  margin-bottom: 0.16rem;
  text-transform: capitalize;
}
.main-dark .playlist .playlist-content ul {
  display: flex;
}
.main-dark .playlist .playlist-content ul li {
  font-size: 1.11rem;
  line-height: 2.44rem;
  color: #cbcbcb;
  position: relative;
  margin: 0 45px 1.22rem 0;
  white-space: nowrap;
  text-transform: lowercase;
}
.main-dark .playlist .playlist-content ul li:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background: #e7e7e7;
  opacity: 0.5;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-dark .playlist .playlist-content a {
  background: #00b6df;
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  padding: 0.625rem 1rem;
  border-radius: 3px;
  font-size: 0.9rem;
  color: #fff;
  cursor: pointer;
  margin-right: 1.125rem;
  position: relative;
  z-index: 1;
}
.main-dark .playlist .wave {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.main-dark .playlist .playlist-content a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-dark .playlist .playlist-content a svg {
  height: 14px;
  width: 14px;
  fill: #fff;
  margin-right: 10px;
  z-index: 1;
}
.main-dark .playlist .wave:hover {
  box-shadow: inset 400px 0 0 0 #fff;
  color: #fb8541;
}
.main-dark .playlist .wave:hover svg path {
  fill: #fb8541 !important;
}
.main-dark .playlist .wave:hover svg polygon {
  fill: #fb8541;
}
.main-dark .admin-playlists-all .item {
  margin-bottom: 10px;
}
.main-dark .admin-playlist-slider {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.main-dark .admin-playlist-slider .item {
  width: 24%;
  padding: 0 5px;
  margin: 1.5625rem 0;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.main-dark .admin-playlist-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item,
.main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item {
  border-radius: 5px;
  box-shadow: 0 1px 5px 0 rgba(152, 152, 152, 0);
  cursor: pointer;
  background: #14253d;
  transition: ease 0.4s all;
}
.main-dark .admin-playlist-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item:hover,
.main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item:hover {
  transform: scale(1.1) !important;
  position: relative;
}
.main-dark .admin-playlist-slider .slider-img {
  max-height: 13.4375rem;
  overflow: hidden;
  min-height: auto;
}
.main-dark .admin-playlist-slider .slider-img img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-dark .admin-playlist-slider .duration {
  bottom: 5px;
}
.main-dark .admin-playlist-slider .slider-content {
  background: #14253d;
}
.main-dark .admin-playlists-all .slider-img {
  max-height: 13.4375rem;
}
.main-dark .admin-playlists-all .contus-slider-outer {
  padding-bottom: 0px !important;
}
.main-dark .admin-playlists-all .slider-content {
  position: relative;
  padding: 0.75rem 2.5rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.main-dark .admin-playlists-all .slider-content span {
  text-transform: capitalize;
}
.main-dark .admin-playlists-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 3px 7px;
  border-radius: 4px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .web_series .small-vplay .small-slider .item {
  width: 19%;
  padding: 3px;
}
.main-dark .web_series .small-vplay .small-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item:hover,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
  transform: scale(1.07) !important;
  z-index: 2;
}
.main-dark .web_series .small-vplay .small-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-dark .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-dark .web_series .small-vplay .small-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item img,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item img {
  max-height: 180px;
  object-fit: cover;
}
.main-dark .heading-video h2 {
  color: #fff;
  font-size: 19px;
}
.main-dark .web_series_detail .video-player::before {
  background:
    linear-gradient(
      to right,
      #091c34 0%,
      #102948 50%,
      rgba(0, 0, 0, 0) 70%);
}
.main-dark .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 0rem 0 0;
}
.main-dark .web_series_detail .cs-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item:hover,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .web_series_detail .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
  max-height: initial;
}
.main-dark .web_series_detail .cs-slider .item {
  padding: 0 10px;
  margin: 1.5625rem 0;
  margin-bottom: 5px;
}
.main-dark .web_series_detail .cs-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item img,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item img {
  max-height: 220px;
  object-fit: cover;
  height: 100%;
}
.main-dark .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-dark .web_series_detail .web-series span:after {
  display: none;
}
.main-dark .web_series_detail button.show-video {
  background: #f27036 !important;
}
.main-dark .web_series_detail .slider-content h3 {
  font-size: 16px !important;
}
.main-dark .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-dark .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-dark .app-banner {
  margin-top: 25px;
  padding-bottom: 2%;
  border-radius: 5px;
}
.main-dark .app-banner .social-apps {
  padding-bottom: 0%;
  margin-top: 10px;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item img,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-dark .app-banner .social-apps .video-detail-page .related-videos h6 {
  color: #f37136;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0 0;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item:hover,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .item {
  width: 16.6%;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item img,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-dark .app-banner .social-apps .web_series_detail .web-series span:after {
  display: none;
}
.main-dark .app-banner .social-apps .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-dark .app-banner .social-apps .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-dark .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-dark body.first-user-activated {
  padding-top: 70px;
}
.main-dark .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-dark .f-row .menu-set a {
  font-size: 17px;
}
.main-dark .admin-playlist-skelton-loader .tittle-blk h5 {
  position: relative;
  top: 13px;
  background: #14253d !important;
}
.main-dark .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-dark body.first-user-activated {
  padding-top: 70px;
}
.main-dark .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-dark {
}
.main-dark .web_series {
  margin-top: 20px;
}
.main-dark .web_series #webseries {
  flex-wrap: wrap;
}
.main-dark .web_series .slider-content {
  padding: 6px 15px !important;
}
.main-dark .contus-slider .slider-img,
.main-dark .cs-slider .slider-img,
.main-dark .history-container .slider-img,
.main-dark .genre-list .slider-img {
  height: 163px;
}
.main-dark .contus-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .contus-slider .item,
.main-dark .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item,
.main-dark .history-container .slider-item,
.main-light .profile-page .profile-right .history .main-dark .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .item,
.main-dark .genre-list .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-list .item {
  width: 292px !important;
  height: 198px;
  overflow: hidden !important;
}
.main-dark .contus-slider .slider-img img,
.main-dark .cs-slider .slider-img img,
.main-dark .history-container .slider-img img,
.main-dark .genre-list .slider-img img {
  max-height: 163px;
  object-fit: fill;
}
.main-dark .contus-slider .slider-content,
.main-dark .cs-slider .slider-content,
.main-dark .history-container .slider-content,
.main-dark .genre-list .slider-content {
  height: auto !important;
  padding: 7px 15px !important;
  min-height: auto !important;
}
.main-dark .contus-slider-outer {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.main-dark .home-banner {
  padding-bottom: 20px;
  margin-top: 28px;
}
.main-dark .home-banner .banner-slider .banner-item {
  height: 100%;
  width: 92%;
  margin: 0 auto;
}
.main-dark .home-banner .banner-slider::after {
  display: none;
  background: transparent;
}
.main-dark .home-banner .banner-slider::before {
  background: transparent;
}
.main-dark .whole-header {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3019607843);
  background: #091c34;
}
.main-dark .app-links::after {
  margin-left: -6%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
  display: none;
}
.main-dark .f-footer .home_logo {
  width: 60px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  position: relative;
  left: 80px;
}
.main-dark .f-footer h4 {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.main-dark .web_series_detail .cs-slider .item {
  margin-top: 10px;
}
.main-dark .web_series_detail .related-videos {
  margin-top: 10px;
}
.main-dark .category-view {
  margin-top: 30px;
}
.main-dark .category-view .item {
  width: auto !important;
}
.main-dark .profile-page aside {
  background: #14253d;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head {
  width: 100%;
  height: 163px;
}
.main-dark .my-playlist-head .my-playlist-left {
  height: 163px !important;
}
.main-dark .my-playlist-list .my-playlist-detail {
  width: 100% !important;
  background: #14253d;
}
.main-dark footer {
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.3019607843);
}
.main-dark .create-playlist-popup .close-playlist {
  background: transparent;
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  border-radius: 0px !important;
}
.main-dark .slider-item .slider-content h3,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content h3,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dark .slider-item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content span {
  display: none !important;
}
.main-dark .admin-playlists-all .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlists-all .item,
.main-dark .admin-playlists-all .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .admin-playlists-all .item {
  border-radius: 5px !important;
}
.main-dark .links-text.first::after {
  display: none;
}
.main-dark ul.footer-text.links-text::after {
  margin-left: -4.5%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
}
.main-dark .video-detail-page .play-info .liked {
  display: none !important;
}
.main-dark .tittle-blk .shimmer {
  background: #14253d;
}
.main-dark .item-shorts {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-dark .item-shorts .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item-shorts .item,
.main-dark .item-shorts .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .item-shorts .item {
  width: 200px !important;
}
.main-dark .admin-playlists-all .item .slider-content h3 {
  display: block !important;
  font-family: "Notosans-medium" !important;
  height: 100%;
  color: #cccccc;
  overflow: visible;
  margin-top: 3px;
  font-size: 16px;
  width: 95% !important;
  overflow: hidden;
  line-height: 25px;
  margin-top: -1px;
}
.main-dark .shorts-slider-item2 {
  width: 200px !important;
  height: 40px !important;
  overflow: hidden !important;
  background: #14253d;
}
.main-dark .shorts-slider-item {
  width: 200px !important;
  height: 340px !important;
  overflow: hidden !important;
  background: #14253d;
  border-radius: 5px;
  position: relative;
}
.main-dark .shorts-slider-img {
  width: 200px !important;
  height: 300px !important;
  position: relative;
}
.main-dark .shorts-slider-img .premium-tag {
  position: absolute;
  top: 7px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-dark .shorts-slider-item .premium-tag,
.main-dark .shorts-slider-img .premiums-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-dark .shorts-slider-item .slider-content {
  padding: 7px 15px !important;
  height: auto !important;
  max-height: auto !important;
}
.main-dark .shorts-slider-item2 .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dark .web_series .small-vplay .small-slider .item {
  margin-bottom: 15px;
}
.main-dark .small-vplay.container .admin-playlists-all {
  padding: 0 5%;
}
.main-dark .genre-view .genre-list .item {
  width: auto;
}
.main-dark .vjs-selected .vjs-playlist-name {
  color: #f37136;
}
.main-dark .pricing .spin-loader-blk-outer {
  background: #14253d;
  display: none;
}
.main-dark .pricing .spin-loader-blk-outer h2 {
  font-size: 2rem;
  color: #aeb0b5;
}
.main-dark .pricing .spin-loader-blk-outer .spin-loader-blk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main-dark .menu_drop .menu li {
  margin-right: 10px;
}
.main-dark .super-sub-menu .inner-sub-menu {
  box-shadow: 4px 5px 20px #000106;
}
.main-dark .super-sub-menu .inner-sub-menu .innersuper {
  min-height: 265px;
}
.main-dark .playlist-all .item.playlist-card {
  margin: 0px;
  margin-top: 5px;
}
.main-dark .vjs-playlist-vertical .vjs-playlist-item {
  height: auto;
}
.main-dark .copyrights {
  background: #091c34;
}
.main-dark footer .s-container {
  width: 100% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #0f233d;
}
.main-dark .see_all,
.main-dark .view-all,
.main-dark .read_more {
  font-size: 16px !important;
  color: rgb(251, 133, 65) !important;
  font-family: "Notosans" !important;
  cursor: pointer;
}
.main-dark footer a {
  padding: 2px 0px !important;
}
.main-dark footer a i {
  position: relative;
  top: -4px;
}
.main-dark .min-content {
  background-image: url("./media/parellexbg-3UO2IIOG.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-dark .download_pdf {
  padding: 0px 25px;
  border: 2px solid #4c5c68;
  height: 45px;
  border-radius: 3px;
  font-size: 16px;
  color: white;
  margin: 0 auto;
  position: relative;
}
.main-dark .download_pdf svg {
  margin-right: 10px;
}
.main-dark .download_pdf::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #f16f36;
  z-index: -9999;
  transition: width 0.4s ease;
}
.main-dark .download_pdf:hover::before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-dark .download_pdf:hover {
  border: 2px solid #091c34;
}
.main-dark .search-blk svg {
  margin-left: -20px !important;
  width: 20px !important;
  height: 20px !important;
}
.main-dark .search-blk svg path {
  fill: #acacac !important;
}
.main-dark .country-list span.country-name {
  color: #091c34;
}
.main-dark header .logo img {
  margin-top: -8px;
}
.main-dark .item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-dark .slider-content h3 {
  font-family: "Notosans-medium" !important;
  bottom: 3px;
  position: relative;
}
.main-dark .admin-playlists-all h3 {
  bottom: 0px;
}
.main-dark .menu-set .menu a {
  color: #cccccc !important;
}
.main-dark .menu-set a.go_premium {
  color: #804f1e;
  font-family: "Notosans-bold" !important;
}
.main-dark header.home-header.fixed .menu-set a.go_premium {
  color: #804f1e !important;
}
.main-dark .playlist-details .playlist-content ul li:nth-child(1) {
  text-transform: capitalize;
}
.main-dark .player_next_video {
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: 15%;
  width: auto;
  left: auto;
}
.main-dark .player_next_video .show_next:hover {
  color: #fff;
}
.main-dark .player_next_video button.show_next span:hover {
  color: #f47637;
}
.main-dark .player_next_video button.show_next span:hover svg {
  fill: #f47637;
}
.main-dark .player_next_video .show_next svg {
  fill: #fff;
}
.main-dark .player_next_video .show_next:hover svg {
  fill: #fff;
}
.main-dark .player_next_video button.show_next {
  background: transparent;
  border: none;
  cursor: pointer;
}
.main-dark .player_next_video button.show_next svg {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  top: 3px;
}
.main-dark .player_next_video button.show_next span {
  font-size: 20px;
  font-family: "Notosans-medium";
}
.main-dark .player_next_video .show_next:hover + .next-video-item {
  visibility: visible;
}
.main-dark .player_next_video .show_next {
  color: white;
}
.main-dark .player_next_video .next-video-item:hover {
  visibility: visible;
}
.main-dark .player_next_video .next-video-item {
  visibility: hidden;
  display: flex;
  width: 450px;
  background: rgba(9, 28, 52, 0.9);
  border-radius: 10px;
  padding: 15px 15px;
  padding-top: 20px;
  position: relative;
  left: -320px;
  bottom: 60px;
  cursor: pointer;
}
.main-dark .player_next_video .next-video-item img {
  width: 170px;
  height: 98px;
  border-radius: 5px;
  margin-right: 20px;
}
.main-dark .player_next_video .video-title {
  font-size: 18px;
  color: white;
  font-family: "Notosans-bold";
}
.main-dark .player_next_video .video-desc {
  font-size: 16px;
  color: #ccc;
  font-family: "Notosans";
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
}
.main-dark .nav-item:nth-of-type(4) .innersuper {
  min-height: 368px !important;
}
.main-dark .admin-playlists-all .admin-playlist-card-container {
  background: #14253d;
}
.main-dark .staring {
  display: none !important;
}
.main-dark .sub_modal .card-outer {
  padding: 30px 0px !important;
}
.main-dark .sub_modal .back-btn {
  margin-right: 10px;
  width: 100%;
  padding: 0px;
}
.main-dark .sub_modal h4 {
  font-size: 26px !important;
  margin-top: 0px !important;
  padding: 0px 25px;
}
.main-dark .sub_modal .header {
  position: relative !important;
  background: rgb(5, 10, 20);
}
.main-dark .sub_modal .close {
  top: 76px !important;
  right: 8px !important;
}
.main-dark .sub_modal .login-modal {
  margin-top: 40px;
  max-width: 32rem !important;
  padding-top: 0;
  box-shadow: 0px 0px 2px #0f233d;
}
.main-dark .sub_modal .login-modal h3 {
  border-bottom: 1px solid #4c5c68;
}
.main-dark .sub_modal .modal-content {
  padding: 10 !important;
  background: #0e233d;
}
.main-dark .sub_modal .card-payment-popup {
  background: transparent;
  border: none;
  margin: 0;
}
.main-dark .sub_modal h3 button {
  display: none;
}
.main-dark .enter_note {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: -15px;
  padding: 0px 10px;
}
.main-dark .f-row .menu-set a.go_premium {
  padding: 4px 8px;
  border-radius: 2px !important;
  margin-left: 5px;
}
.main-dark .tittle h5 {
  color: #ccc;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-dark select {
  background-image: url("./media/caret-HHUULCKT.svg") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: auto 38% !important;
  outline: none;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.main-dark .contact-links,
.main-dark .app-links {
  width: 22.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-dark .links-text {
  width: 17%;
  margin: 0 !important;
  margin-left: 2.5% !important;
}
.main-dark .app-links .tittle {
  margin-bottom: 10px;
}
.main-dark {
}
.main-dark .new_menu_drop .new_menu {
  position: relative;
}
.main-dark .new_menu_drop .new_menu svg {
  margin-left: 10px;
}
.main-dark .new_menu_drop .new_sub-menu {
  padding-bottom: 70px;
  display: none;
  background: url("./media/navbg-5JCTYLSZ.png");
  position: absolute;
  top: 45px;
  left: -50px;
  width: 900px;
  min-height: 30px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 5px 20px #0b1c34;
  padding-top: 15px;
  height: auto;
  cursor: default;
}
.main-dark .new_menu_drop .nsub_li:hover a {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .nsub_li {
  width: 25%;
  padding: 7px 15px 7px 15px;
  position: relative;
  color: #bfbfbf;
  font-size: 16px;
  cursor: pointer;
}
.main-dark .new_menu_drop .nsub_li a {
  font-family: "Notosans";
}
.main-dark .new_menu_drop .nsub_li.active {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .nsub_li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .sub_full.active .nsub_li {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .sub_full.active .nsub_li a {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .new_super-sub-menu.active .new_innersuper {
  display: flex !important;
}
.main-dark .new_menu_drop .nsub_li:hover a {
  color: #ff7424;
}
.main-dark .new_menu_drop .new_innersuper {
  display: none;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-dark .new_menu_drop .new_super-sub-menu {
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
  float: right;
  background: #182e4a;
  width: 75%;
  margin-top: -59px;
  min-height: 100%;
  display: block;
  position: absolute;
  top: 60px;
  right: 0;
}
.main-dark .new_menu_drop .new_innersuper li {
  padding-bottom: 10px;
  font-size: 17px;
  color: #fff;
  width: 33%;
  border-right: 1px solid #283850;
  cursor: pointer;
}
.main-dark .new_menu_drop .new_innersuper li a {
  font-family: "Notosans";
}
.main-dark .new_menu_drop .explore {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  border-top: 2px solid #1d334e;
}
.main-dark .new_menu_drop .explore a {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold" !important;
  color: #fff !important;
  cursor: pointer;
}
.main-dark .new_menu_drop .explore a svg {
  display: block !important;
}
.main-dark .new_menu_drop .explore a svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.main-dark .new_menu_drop .nsub_li:hover + .new_super-sub-menu .new_innersuper {
  display: block;
}
.main-dark .new_menu_drop .nsub_li:hover + .new_super-sub-menu {
  display: block !important;
}
.main-dark .new_menu_drop .new_nav-item {
  margin-right: 5px;
  cursor: pointer;
  padding: 3px 8px;
  position: relative;
}
.main-dark .new_menu_drop .new_nav-item:hover .new_sub-menu {
  display: block;
}
.main-dark .new_menu_drop .new_sub-menu:hover {
  display: block;
}
.main-dark .web_series_detail .video-data-info {
  padding-top: 5px;
}
.main-dark .web_series_detail .video-data-info .share {
  cursor: pointer;
  display: inline-flex;
  border-left: 1px solid #a2a2a2;
  padding-left: 20px;
  margin-left: -20px;
  padding-top: 2px;
}
.main-dark .web_series_detail .video-data-info .share svg {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.main-dark #vertical_tab_nav {
  width: 900px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 45px;
  background-repeat: repeat;
  background-size: cover;
  min-height: 30px;
  padding-top: 10px;
  left: -55px;
}
.main-dark #vertical_tab_nav ul {
  padding-top: 15px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  width: 25%;
  padding-top: 25px;
  margin-bottom: 50px;
}
.main-dark #vertical_tab_nav li {
  margin-bottom: 1px;
  text-align: left;
  padding: 0px;
}
.main-dark #vertical_tab_nav li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.main-dark #vertical_tab_nav li a {
  font-size: 16px;
  font-family: "Notosans";
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4%;
  padding-left: 20px;
  background: transparent;
  background: -webkit-linear-gradient(top, #a79acb, #6c5a9d);
  background: -moz-linear-gradient(top, #a79acb, #6c5a9d);
}
.main-dark #vertical_tab_nav li a.selected {
  background: #182e4a;
  color: #ff7424;
}
.main-dark #vertical_tab_nav li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-dark #vertical_tab_nav li a svg {
  display: inline-block;
}
.main-dark #vertical_tab_nav li a:hover {
  color: #ff7424;
}
.main-dark #vertical_tab_nav div li a {
  padding: 0;
}
.main-dark #vertical_tab_nav div {
  display: block;
  float: left;
  background: #182e4a;
  width: 75%;
  min-height: 365px;
  padding: 30px 3% 30px 3%;
}
.main-dark #vertical_tab_nav div article {
  display: none;
  margin: 0px;
  color: #000;
  font-size: 18px;
}
.main-dark #vertical_tab_nav div article p {
  margin: 0px 0px 20px 0px;
}
.main-dark .selected article {
  display: flex;
}
.main-dark #vertical_tab_nav {
  display: none;
}
.main-dark .new_nav-item:hover #vertical_tab_nav {
  display: block;
}
.main-dark article li {
  width: 33%;
}
.main-dark .sub_full svg {
  display: block !important;
  width: 10px;
  height: 10px;
  margin-top: 3px;
}
.main-dark .explore {
  width: 100% !important;
  height: 55px !important;
  display: flex !important;
  align-items: center !important;
  border-top: 2px solid #1d334e;
  min-height: auto !important;
  position: absolute;
  bottom: 0;
  padding: initial !important;
  background: url("./media/navbg-5JCTYLSZ.png") !important;
}
.main-dark .explore h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold";
  color: #fff;
}
.main-dark .no-connection .content svg path,
.main-dark .no-connection .content svg circle,
.main-dark .no-connection .content svg rect,
.main-dark .no-connection .content svg polygon {
  fill: #fb8541;
}
.main-dark .no-connection .content-header {
  border-bottom: 1px dashed #fb8541;
}
.main-dark .menu-set .new_menu_drop a {
  padding: 0 10px;
}
.main-dark .new_super-sub-menu {
  display: none !important;
}
.main-dark .sub_full.active .new_super-sub-menu {
  display: block !important;
}
.main-dark .navar {
  position: absolute;
  top: -10px;
  left: 70px;
  width: 20px;
  height: 10px;
}
.main-dark .min-content.overlay_min {
  opacity: 0.7;
}
.main-dark .new_super-sub-menu:hover {
  display: block !important;
}
.main-dark .new_super-sub-menu.active .new_innersuper {
  display: block !important;
}
.main-dark .nsub_li img {
  width: 10px;
  align-self: center;
  margin-top: 1px;
}
.main-dark .nsub_li {
  display: flex;
  justify-content: space-between;
}
.main-dark .new_innersuper li a {
  color: #fff !important;
}
.main-dark .new_innersuper li a:hover {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .new_innersuper li a {
  font-size: 16px !important;
}
.main-dark .hov {
  display: none;
}
.main-dark .nsub_li:hover .nohov {
  display: none;
}
.main-dark .nsub_li:hover .hov {
  display: block;
}
.main-dark .new_sub-menu .sub_full a,
.main-dark .menu-set a {
  font-family: "Notosans" !important;
}
.main-dark .nsub_li a {
  color: #ccc !important;
}
.main-dark .no-sub-cat .new_sub-menu {
  width: 230px !important;
}
.main-dark .no-sub-cat .new_super-sub-menu {
  width: 0 !important;
  visibility: hidden;
}
.main-dark .no-sub-cat .nsub_li {
  width: 100% !important;
}
.main-dark .col-one .new_super-sub-menu {
  width: 62.5%;
}
.main-dark .col-one .nsub_li {
  width: 37.5%;
}
.main-dark .col-one .new_sub-menu {
  width: 600px;
}
.main-dark .col-one .explore a {
  margin-left: 29%;
}
.main-dark .col-two .new_super-sub-menu {
  width: 80%;
}
.main-dark .col-two .nsub_li {
  width: 20%;
}
.main-dark .col-two .new_sub-menu {
  width: 1155px;
}
.main-dark .col-two .section-one,
.main-dark .col-two .section-two,
.main-dark .col-two .section-three {
  width: 50%;
}
.main-dark .col-two .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 47%;
}
.main-dark .col-two .section-one a {
  padding-right: 17px !important;
}
.main-dark .col-two .section-two a {
  padding-left: 30px !important;
  padding-right: 0px !important;
}
.main-dark .col-two .explore a {
  margin-left: 20%;
}
.main-dark .explore a {
  margin-left: 18%;
}
.main-dark .col-three .explore a {
  margin-left: 15%;
}
.main-dark .col-three .new_super-sub-menu {
  width: 80%;
}
.main-dark .col-three .nsub_li {
  width: 20%;
}
.main-dark .col-three .new_sub-menu {
  width: 1100px;
}
.main-dark .col-three .section-one,
.main-dark .col-three .section-two,
.main-dark .col-three .section-three {
  width: 33%;
}
.main-dark .col-three .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 33%;
}
.main-dark .col-three .section-two::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 64%;
}
.main-dark .section-one a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .section-two a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .section-three a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .home-banner .owl-carousel .owl-item img {
  max-width: 100%;
  height: 100% !important;
  width: 100% !important;
  object-fit: scale-down;
  opacity: 0.7;
}
.main-dark .home-banner .banner-tittle::before {
  content: "";
  background: #000000;
  background:
    linear-gradient(
      to right,
      #0e233d 0%,
      #0e233d 10%,
      rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  height: 272px;
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  background: #14253d !important;
}
.main-dark {
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-button > .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-modal-dialog,
.main-dark .showPlayer .play-modal-dialog .play-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  text-align: center;
}
.main-dark .showPlayer sup {
  color: red;
  font-size: 0.7em;
  margin-left: 0.3em;
  line-height: 0em;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play,
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play:before,
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "\f101";
}
.main-dark .showPlayer .play-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play-circle:before {
  content: "\f102";
}
.main-dark .showPlayer .play-icon-pause,
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-pause:before,
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  content: "\f103";
}
.main-dark .showPlayer .play-icon-volume-mute,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "\f104";
}
.main-dark .showPlayer .play-icon-volume-low,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "\f105";
}
.main-dark .showPlayer .play-icon-volume-mid,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "\f106";
}
.main-dark .showPlayer .play-icon-volume-high,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "\f107";
}
.main-dark .showPlayer .play-icon-fullscreen-enter,
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-fullscreen-enter:before,
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f108";
}
.main-dark .showPlayer .play-icon-fullscreen-exit,
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-fullscreen-exit:before,
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f109";
}
.main-dark .showPlayer .play-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-square:before {
  content: "\f10a";
}
.main-dark .showPlayer .play-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-spinner:before {
  content: "\f10b";
}
.main-dark .showPlayer .play-icon-subtitles,
.main-dark .showPlayer .play-js .play-subtitles-button .play-icon-placeholder,
.main-dark .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-subtitles:before,
.main-dark .showPlayer .play-js .play-subtitles-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10c";
}
.main-dark .showPlayer .play-icon-captions,
.main-dark .showPlayer .play-js .play-captions-button .play-icon-placeholder,
.main-dark .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-captions:before,
.main-dark .showPlayer .play-js .play-captions-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10d";
}
.main-dark .showPlayer .play-icon-chapters,
.main-dark .showPlayer .play-js .play-chapters-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-chapters:before,
.main-dark .showPlayer .play-js .play-chapters-button .play-icon-placeholder:before {
  content: "\f10e";
}
.main-dark .showPlayer .play-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-share:before {
  content: "\f10f";
}
.main-dark .showPlayer .play-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-cog:before {
  content: "\f110";
}
.main-dark .showPlayer .play-icon-circle,
.main-dark .showPlayer .play-js .play-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle:before,
.main-dark .showPlayer .play-js .play-volume-level:before {
  content: "\f111";
}
.main-dark .showPlayer .play-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle-outline:before {
  content: "\f112";
}
.main-dark .showPlayer .play-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle-inner-circle:before {
  content: "\f113";
}
.main-dark .showPlayer .play-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-hd:before {
  content: "\f114";
}
.main-dark .showPlayer .play-icon-cancel,
.main-dark .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-cancel:before,
.main-dark .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder:before {
  content: "\f115";
}
.main-dark .showPlayer .play-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-replay:before {
  content: "\f116";
}
.main-dark .showPlayer .play-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-facebook:before {
  content: "\f117";
}
.main-dark .showPlayer .play-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-gplus:before {
  content: "\f118";
}
.main-dark .showPlayer .play-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-linkedin:before {
  content: "\f119";
}
.main-dark .showPlayer .play-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-twitter:before {
  content: "\f11a";
}
.main-dark .showPlayer .play-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-tumblr:before {
  content: "\f11b";
}
.main-dark .showPlayer .play-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-pinterest:before {
  content: "\f11c";
}
.main-dark .showPlayer .play-icon-audio-description,
.main-dark .showPlayer .play-js .play-descriptions-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-audio-description:before,
.main-dark .showPlayer .play-js .play-descriptions-button .play-icon-placeholder:before {
  content: "\f11d";
}
.main-dark .showPlayer .play-icon-audio,
.main-dark .showPlayer .play-js .play-audio-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-audio:before,
.main-dark .showPlayer .play-js .play-audio-button .play-icon-placeholder:before {
  content: "\f11e";
}
.main-dark .showPlayer .play-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-next-item:before {
  content: "\f11f";
}
.main-dark .showPlayer .play-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-previous-item:before {
  content: "\f120";
}
.main-dark .showPlayer .play-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: normal;
  font-style: normal;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  word-break: initial;
}
.main-dark .showPlayer .play-js:-moz-full-screen {
  position: absolute;
}
.main-dark .showPlayer .play-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.main-dark .showPlayer .play-js[tabindex="-1"] {
  outline: none;
}
.main-dark .showPlayer .play-js *,
.main-dark .showPlayer .play-js *:before,
.main-dark .showPlayer .play-js *:after {
  box-sizing: inherit;
}
.main-dark .showPlayer .play-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.main-dark .showPlayer .play-js.play-fluid,
.main-dark .showPlayer .play-js.play-16-9,
.main-dark .showPlayer .play-js.play-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.main-dark .showPlayer .play-js.play-16-9 {
  padding-top: 56.25%;
}
.main-dark .showPlayer .play-js.play-4-3 {
  padding-top: 75%;
}
.main-dark .showPlayer .play-js.play-fill {
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer body.play-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.main-dark .showPlayer .play-full-window .play-js.play-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.main-dark .showPlayer .play-js.play-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.main-dark .showPlayer .play-js.play-fullscreen.play-user-inactive {
  cursor: none;
}
.main-dark .showPlayer .play-hidden {
  display: none !important;
}
.main-dark .showPlayer .play-disabled {
  opacity: 0.5;
  cursor: default;
}
.main-dark .showPlayer .play-js .play-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.main-dark .showPlayer .play-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.main-dark .showPlayer .play-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.main-dark .showPlayer .play-no-js a,
.main-dark .showPlayer .play-no-js a:visited {
  color: #66a8cc;
}
.main-dark .showPlayer .play-js .play-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  display: block;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0;
  background: transparent;
  height: 1.9em;
  top: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.6em;
  border-radius: 0.3em;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "" !important;
  margin: auto;
  text-align: center;
  width: 1.67em;
  height: 1.67em;
}
.main-dark .showPlayer .play-has-started.play-paused .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder {
  margin: auto;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.main-dark .showPlayer .play-js .play-big-play-button:hover {
  background: transparent;
}
.main-dark .showPlayer .play-big-play-centered .play-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.main-dark .showPlayer .play-js:hover .play-big-play-button,
.main-dark .showPlayer .play-js .play-big-play-button:focus {
  transition: all 0s;
}
.main-dark .showPlayer .play-controls-disabled .play-big-play-button,
.main-dark .showPlayer .play-has-started .play-big-play-button,
.main-dark .showPlayer .play-using-native-controls .play-big-play-button,
.main-dark .showPlayer .play-error .play-big-play-button {
  display: none;
}
.main-dark .showPlayer .play-has-started.play-paused.play-show-big-play-button-on-pause .play-big-play-button {
  display: block;
}
.main-dark .showPlayer .play-play-toggle .play-big-play-button {
  display: block;
}
.main-dark .showPlayer .play-playing.play-has-started .play-big-play-button span {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.main-dark .showPlayer .play-has-started .play-big-play-button {
  outline: none;
  cursor: default;
}
.main-dark .showPlayer .play-paused.play-has-started .play-big-play-button {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.main-dark .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button {
  display: block;
  -webkit-animation: unset;
  animation: unset;
  opacity: 1;
  cursor: pointer;
}
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 1.8em;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.main-dark .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-WYMPWCH7.svg");
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-2-UPW4NS4E.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-1-JH75QXOL.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-mute-QI7G22GK.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-settings-RNCHOQHN.svg");
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control:before {
  content: "";
  border-top: 10px solid rgba(37, 37, 37, 0.85);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  right: 5em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control.play-settings-clicked:before {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: rgba(212, 212, 212, 0.5);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
}
.main-dark .showPlayer .play-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main-dark .showPlayer .play-js button:focus {
  outline: none;
}
.main-dark .showPlayer .play-control .play-button {
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-control.play-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.main-dark .showPlayer .play-js .play-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8),
      rgba(255, 255, 255, 0));
  overflow: auto;
}
.main-dark .showPlayer .play-js .play-modal-dialog > * {
  box-sizing: border-box;
}
.main-dark .showPlayer .play-modal-dialog .play-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.main-dark .showPlayer .play-menu-button {
  cursor: pointer;
}
.main-dark .showPlayer .play-menu-button.play-disabled {
  cursor: default;
}
.main-dark .showPlayer .play-workinghover .play-menu-button.play-disabled:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-menu .play-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  overflow: auto;
}
.main-dark .showPlayer .play-menu .play-menu-content > * {
  box-sizing: border-box;
}
.main-dark .showPlayer .play-scrubbing .play-control.play-menu-button:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.main-dark .showPlayer .play-menu li.play-menu-item:focus,
.main-dark .showPlayer .play-menu li.play-menu-item:hover {
  background-color: #9d9080;
  background-color: rgba(212, 212, 212, 0.5);
}
.main-dark .showPlayer .play-menu li.play-selected,
.main-dark .showPlayer .play-menu li.play-selected:focus,
.main-dark .showPlayer .play-menu li.play-selected:hover {
  background-color: #fff;
  color: #423b33;
}
.main-dark .showPlayer .play-menu li.play-menu-title {
  text-align: center;
  text-transform: capitalize;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.main-dark .showPlayer .play-menu-button-popup .play-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-menu-button-popup .play-menu .play-menu-content {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 19em;
}
.main-dark .showPlayer .play-workinghover .play-menu-button-popup:hover .play-menu,
.main-dark .showPlayer .play-menu-button-popup .play-menu.play-lock-showing {
  display: block;
}
.main-dark .showPlayer .play-quality-selector .play-menu-content {
  max-height: none;
}
.main-dark .showPlayer .play-js .play-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.main-dark .showPlayer .play-js .play-menu-button-inline:before {
  width: 2.222222222em;
}
.main-dark .showPlayer .play-js .play-menu-button-inline:hover,
.main-dark .showPlayer .play-js .play-menu-button-inline:focus,
.main-dark .showPlayer .play-js .play-menu-button-inline.play-slider-active,
.main-dark .showPlayer .play-js.play-no-flex .play-menu-button-inline {
  width: 12em;
}
.main-dark .showPlayer .play-menu-button-inline .play-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.main-dark .showPlayer .play-menu-button-inline:hover .play-menu,
.main-dark .showPlayer .play-menu-button-inline:focus .play-menu,
.main-dark .showPlayer .play-menu-button-inline.play-slider-active .play-menu {
  display: block;
  opacity: 1;
}
.main-dark .showPlayer .play-no-flex .play-menu-button-inline .play-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.main-dark .showPlayer .play-no-flex .play-menu-button-inline:hover .play-menu,
.main-dark .showPlayer .play-no-flex .play-menu-button-inline:focus .play-menu,
.main-dark .showPlayer .play-no-flex .play-menu-button-inline.play-slider-active .play-menu {
  width: auto;
}
.main-dark .showPlayer .play-menu-button-inline .play-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.main-dark .showPlayer .play-js .play-control-bar {
  display: none;
  width: 85%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.4em;
  border-radius: 3px;
  background-color: #252525;
  margin: 0px auto 9em;
  padding: 0 0.5em;
}
.main-dark .showPlayer .play-has-started .play-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.main-dark .showPlayer .play-has-started.play-user-inactive.play-playing .play-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-controls-disabled .play-control-bar,
.main-dark .showPlayer .play-using-native-controls .play-control-bar,
.main-dark .showPlayer .play-error .play-control-bar {
  display: none !important;
}
.main-dark .showPlayer .play-audio.play-has-started.play-user-inactive.play-playing .play-control-bar {
  opacity: 1;
  visibility: visible;
}
.main-dark .showPlayer .play-has-started.play-no-flex .play-control-bar {
  display: table;
}
.main-dark .showPlayer .play-js .play-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 2em;
  line-height: 1.67;
}
.main-dark .showPlayer .play-js .play-control:focus:before,
.main-dark .showPlayer .play-js .play-control:hover:before,
.main-dark .showPlayer .play-js .play-control:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-dark .showPlayer .play-js .play-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.main-dark .showPlayer .play-no-flex .play-control {
  display: table-cell;
  vertical-align: middle;
}
.main-dark .showPlayer .play-js .play-custom-control-spacer {
  display: none;
}
.main-dark .showPlayer .play-js .play-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.main-dark .showPlayer .play-js .play-progress-control.disabled {
  cursor: default;
}
.main-dark .showPlayer .play-live .play-progress-control {
  display: none;
}
.main-dark .showPlayer .play-no-flex .play-progress-control {
  width: auto;
}
.main-dark .showPlayer .play-js .play-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.7em;
}
.main-dark .showPlayer .play-js .play-progress-control .play-progress-holder {
  margin: 0 15px;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder.disabled {
  font-size: 1em;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  outline: none;
}
.main-dark .showPlayer .play-js .play-play-progress {
  background-color: #f0f0f0;
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
  content: "";
}
.main-dark .showPlayer .play-js .play-load-progress {
  background: #54595b;
}
.main-dark .showPlayer .play-js .play-load-progress div {
  background: #54595b;
}
.main-dark .showPlayer .play-js .play-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1em;
  padding: 8px 8px 4px 8px;
  pointer-events: none;
  position: relative;
  top: -3.3em;
  visibility: hidden;
  z-index: 1;
  outline: none;
}
.main-dark .showPlayer .play-js .play-progress-holder:focus .play-time-tooltip {
  display: none;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-time-tooltip,
.main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip {
  display: block;
  font-size: 0.8em;
  visibility: visible;
}
.main-dark .showPlayer .play-js .play-progress-control.disabled:hover .play-time-tooltip {
  font-size: 1em;
}
.main-dark .showPlayer .play-js .play-progress-control .play-mouse-display {
  display: none;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55);
  z-index: 1;
  outline: 0;
}
.main-dark .showPlayer .play-no-flex .play-progress-control .play-mouse-display {
  z-index: 0;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-mouse-display {
  display: block;
}
.main-dark .showPlayer .play-js.play-user-inactive .play-progress-control .play-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-js.play-user-inactive.play-no-flex .play-progress-control .play-mouse-display {
  display: none;
}
.main-dark .showPlayer .play-mouse-display .play-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.main-dark .showPlayer .play-js.play-hls-quality-selector {
  display: block;
}
.main-dark .showPlayer .play-js .play-seek-button {
  font-family: "Material Icons";
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back::before {
  content: "\e042";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-10::before {
  content: "\e059";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-5::before {
  content: "\e05b";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-30::before {
  content: "\e05a";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward::before {
  content: "\e5d5";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-10::before {
  content: "\e056";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-5::before {
  content: "\e058";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-30::before {
  content: "\e057";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30::before {
  content: none;
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before {
  content: "\e042";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before {
  content: "\e059";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before {
  content: "\e05b";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before {
  content: "\e05a";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
  content: "\e5d5";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before {
  content: "\e056";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before {
  content: "\e058";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before {
  content: "\e057";
}
.main-dark .showPlayer .play-js .play-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #3d4142;
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress div,
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress {
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-slider.disabled {
  cursor: default;
}
.main-dark .showPlayer .play-js .play-slider:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-dark .showPlayer .play-auto-selected-quality {
  font-weight: bold;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button {
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control {
  position: absolute;
  bottom: calc(100% + 1.5em);
  right: -4em;
  height: auto;
  width: 17em;
  background-color: rgba(37, 37, 37, 0.85);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
  height: 3em;
  width: 100%;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: #9d9080;
  background-color: rgba(157, 144, 128, 0.5);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  align-items: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text {
  position: unset;
  text-align: left;
  font-size: 1em;
  padding: 0;
  font-weight: bold;
  height: auto;
  width: 7em;
  line-height: 1.1em;
  overflow: inherit;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-icon-placeholder {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  text-align: right;
  padding-right: 1em;
  line-height: 3em;
  flex: 1;
  position: static;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value:after {
  content: ">";
  font-size: 1.1em;
  line-height: normal;
  font-weight: bold;
  margin-left: 0.4em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked {
  width: 8em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-control {
  height: unset;
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked {
  display: block;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu-button.play-menu-button-popup {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing {
  display: block;
  margin-bottom: unset;
  position: unset;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
  background-color: rgba(37, 37, 37, 0.85);
  bottom: -6.5em;
  right: 2.5em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title {
  border-bottom: 1px solid #8a8a8a;
  padding: 1px;
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title:before {
  content: "<";
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 0.4em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-item {
  line-height: 1.5em;
}
.main-dark .showPlayer .play-workinghover .play-settings.play-control .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-js .play-mute-control {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.main-dark .showPlayer .play-js .play-volume-control.play-volume-horizontal {
  width: 5em;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.main-dark .showPlayer .play-js .play-volume-panel {
  transition: width 1s;
}
.main-dark .showPlayer .play-js .play-volume-panel:hover .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel:active .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel:focus .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:hover,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:active,
.main-dark .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.main-dark .showPlayer .play-js .play-volume-panel:hover .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel:active .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel:focus .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:hover.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:active.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active.play-volume-horizontal {
  height: 3em;
}
.main-dark .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical {
  display: none;
}
.main-dark .showPlayer .play-js .play-volume-panel button.play-mute-control.play-control.play-button:hover + div.play-volume-control.play-control.play-volume-vertical {
  display: block;
}
.main-dark .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical:hover {
  display: block;
}
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:hover,
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:active,
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-slider-active {
  transition: width 0.1s;
}
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-mute-toggle-only {
  width: 4em;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-vertical {
  height: 12em;
  width: 3em;
  left: -3.3em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-horizontal {
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.main-dark .showPlayer .play-js.play-no-flex .play-volume-control.play-volume-vertical,
.main-dark .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.main-dark .showPlayer .play-js .play-volume-panel {
  display: flex;
}
.main-dark .showPlayer .play-js .play-volume-bar {
  margin: 1.35em 0.45em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-horizontal {
  width: 100%;
  height: 0.3em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-vertical {
  width: 0.35em;
  height: 9em;
  margin: 1.35em auto;
}
.main-dark .showPlayer .play-js .play-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.main-dark .showPlayer .play-js .play-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.main-dark .showPlayer .play-slider-vertical .play-volume-level {
  width: 0.31em;
}
.main-dark .showPlayer .play-slider-vertical .play-volume-level:before {
  top: -0.5em;
  left: -0.33em;
}
.main-dark .showPlayer .play-slider-horizontal .play-volume-level {
  height: 0.3em;
}
.main-dark .showPlayer .play-slider-horizontal .play-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-vertical .play-volume-level {
  height: 100%;
}
.main-dark .showPlayer .play-volume-bar.play-slider-horizontal .play-volume-level {
  width: 100%;
}
.main-dark .showPlayer .play-js .play-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 6.5em;
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-menu {
  left: -2em;
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-bar {
  margin: 1.35em;
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  bottom: 30px;
  left: 80%;
  height: 3em;
  -webkit-transform: none;
  transform: none;
  width: 10em;
  top: -3px;
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  background: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-level:after {
  content: "\f111";
  position: absolute;
  font-size: 0.9em;
  top: -0.3em;
  left: -0.33em;
  background: transparent;
  display: none;
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-level:before {
  content: "\f111";
  position: absolute;
  font-size: 1.2em;
  top: -0.29em;
  color: #2eb7d7;
  z-index: 100;
  border-radius: 50%;
  right: -7px;
}
.main-dark .showPlayer .play-js button.play-previous-control,
.main-dark .showPlayer .play-js button.play-next-control,
.main-dark .showPlayer .play-js .play-volume-panel {
  height: 2.4em;
}
.main-dark .showPlayer .audio-js.play-js .play-control.play-play-control {
  width: 5.4em;
  height: 5.4em;
}
.main-dark .showPlayer .audio-js .audio-player-element > div {
  align-items: center;
}
.main-dark .showPlayer .play-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.main-dark .showPlayer .play-has-started .play-poster {
  display: none;
}
.main-dark .showPlayer .play-audio.play-has-started .play-poster {
  display: block;
}
.main-dark .showPlayer .play-using-native-controls .play-poster {
  display: none;
}
.main-dark .showPlayer .play-js .play-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.main-dark .showPlayer .play-no-flex .play-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.main-dark .showPlayer .play-js .play-time-control {
  flex: none;
  font-size: 1.2em;
  min-width: 1.2em;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-dark .showPlayer .play-time-divider {
  line-height: 3em;
}
.main-dark .showPlayer .play-live .play-time-divider {
  display: none;
}
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
}
.main-dark .showPlayer .play-js .play-play-control.play-paused .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-play-control.play-ended .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-dark .showPlayer .play-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.main-dark .showPlayer .play-js.play-user-inactive.play-playing .play-text-track-display {
  bottom: 1em;
}
.main-dark .showPlayer .play-js .play-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.main-dark .showPlayer .play-subtitles {
  color: #fff;
}
.main-dark .showPlayer .play-captions {
  color: #fc6;
}
.main-dark .showPlayer .play-tt-cue {
  display: block;
}
.main-dark .showPlayer video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.main-dark .showPlayer .play-js.play-user-inactive.play-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.main-dark .showPlayer .play-js .play-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/player-zoom-in-MMZYARHN.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-next-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/next-track-button-43AMHUWC.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-share-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/share-HLGQMO4S.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-playlist-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/playlist-IWZADL4J.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-favourite-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/favourite-VENDLXRH.svg");
  background-position: center;
  cursor: pointer;
}
.main-dark .showPlayer .play-js .favourite-selected .play-icon-placeholder:before {
  background-image: url("./media/favourite-selected-GNDBHRIT.svg") !important;
}
.main-dark .showPlayer .play-js .play-previous-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/previous-track-button-ZBA2QJZY.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-shuffle-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-shuffle-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/loop-button-2PB6TLEZ.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-one-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  background-image: url("./media/player-zoom-out-IULOZ34I.svg");
  background-position: center;
  width: 0.92em;
  height: 0.92em;
}
.main-dark .showPlayer .play-playback-rate .play-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-playback-rate .play-playback-rate-value {
  pointer-events: none;
  font-size: 1.3em;
  line-height: 2.5;
  text-align: center;
}
.main-dark .showPlayer .play-playback-rate .play-menu {
  width: 4em;
  left: 0em;
}
.main-dark .showPlayer .play-error .play-error-display .play-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.main-dark .showPlayer .play-error .play-error-display:before {
  color: #fff;
  content: "X";
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.main-dark .showPlayer .play-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(66, 59, 51, 0.4);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner,
.main-dark .showPlayer .play-waiting .play-loading-spinner {
  display: block;
}
.main-dark .showPlayer .play-loading-spinner:before,
.main-dark .showPlayer .play-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:before,
.main-dark .showPlayer .play-seeking .play-loading-spinner:after,
.main-dark .showPlayer .play-waiting .play-loading-spinner:before,
.main-dark .showPlayer .play-waiting .play-loading-spinner:after {
  -webkit-animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
  animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:before,
.main-dark .showPlayer .play-waiting .play-loading-spinner:before {
  border-top-color: white;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:after,
.main-dark .showPlayer .play-waiting .play-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
@-webkit-keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
.main-dark .showPlayer .play-chapters-button .play-menu ul {
  width: 24em;
}
.main-dark .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-dark .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-dark .showPlayer .play-text-track-display div div div {
  background-color: transparent !important;
}
.main-dark .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-dark .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-custom-control-spacer {
  flex: auto;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen).play-no-flex .play-custom-control-spacer {
  width: auto;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-progress-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-subtitles-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-subtitles-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-subtitles-button .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-modal-dialog.play-text-track-settings {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.75);
  color: #fff;
  height: 70%;
}
.main-dark .showPlayer .play-text-track-settings .play-modal-dialog-content {
  display: table;
}
.main-dark .showPlayer .play-text-track-settings .play-track-settings-colors,
.main-dark .showPlayer .play-text-track-settings .play-track-settings-font,
.main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
  display: table-cell;
}
.main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .main-dark .showPlayer .play-text-track-settings .play-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.main-dark .showPlayer .play-track-setting > select {
  margin-right: 5px;
}
.main-dark .showPlayer .play-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.main-dark .showPlayer .play-text-track-settings fieldset span {
  display: inline-block;
}
.main-dark .showPlayer .play-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.main-dark .showPlayer .play-text-track-settings .play-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.main-dark .showPlayer .play-track-settings-controls button:focus,
.main-dark .showPlayer .play-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image:
    linear-gradient(
      0deg,
      #fff 88%,
      #9d9080 100%);
}
.main-dark .showPlayer .play-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.main-dark .showPlayer .play-track-settings-controls button {
  background-color: #fff;
  background-image:
    linear-gradient(
      -180deg,
      #fff 88%,
      #9d9080 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.main-dark .showPlayer .play-track-settings-controls .play-default-button {
  margin-right: 1em;
}
@media print {
  .main-dark .showPlayer .play-js > *:not(.play-tech):not(.play-poster) {
    visibility: hidden;
  }
}
.main-dark .showPlayer .play-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
.main-dark .showPlayer play-js .play-control-bar {
  width: 80%;
  margin: 0px 10% 3em;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress .scrubber-head {
  content: "";
  background: #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-dark .showPlayer .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0.5em;
}
.main-dark .showPlayer .play-fullscreen-control.play-control.play-button {
  margin-left: 0.5em;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-play-progress.play-slider-bar .scrubber-head {
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
}
.main-dark .showPlayer .play-icon-placeholder:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.main-dark .showPlayer .play-icon-placeholder:hover:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.main-dark .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
}
@media screen and (min-width: 1500px) {
  .main-dark .showPlayer .play-js .play-control-bar {
    height: 6.4em;
  }
  .main-dark .showPlayer .play-js .play-progress-holder {
    height: 1em;
  }
  .main-dark .showPlayer .play-play-progress.play-slider-bar .scrubber-head {
    width: 2em;
    height: 2em;
  }
  .main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip,
  .main-dark .showPlayer .play-js .play-progress-control:hover .play-time-tooltip {
    font-size: 1em;
  }
  .main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before,
  .main-dark .showPlayer .play-icon-volume-high:before,
  .main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
    width: 1em;
    height: 1em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control {
    width: 22em;
    top: -9em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
    height: 4em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text,
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
    font-size: 1.2em;
    height: auto;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
    padding: 10px;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
    bottom: -8em;
  }
  .main-dark .showPlayer .play-menu li {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .main-dark .showPlayer .play-js .play-control {
    width: 3em;
  }
  .main-dark .showPlayer .play-js .play-control-bar {
    width: 98%;
    margin: 0px auto 3em;
  }
}
.main-dark .showPlayer .audio-js.play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-speaker-RXVCKNG7.svg");
}
.main-dark .showPlayer .audio-js.play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mid-speaker-3EYNHF6F.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-low-speaker-VN5FL2CH.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mute-SKUQX7QF.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  background-image: url("./media/settings-WU7ATBUH.svg");
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control:before {
  left: 50%;
  right: unset;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-dark .showPlayer .audio-js.play-js .play-control-bar {
  width: 100%;
  padding: 0;
  border-radius: 0;
  height: 8.8em;
  background-color: #f6f6f6;
}
.main-dark .showPlayer .audio-js.play-js .play-control {
  width: 6em;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-control {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-control .play-progress-holder {
  margin: 0;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress {
  border-radius: 0;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder {
  height: 0.4em;
}
.main-dark .showPlayer .audio-js.play-js .play-slider {
  background-color: #dfdfdf;
}
.main-dark .showPlayer .audio-js.play-js .play-play-progress {
  background-color: #1cb5d7;
}
.main-dark .showPlayer .audio-js.play-js .play-load-progress div {
  background: #96a1a5;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress .scrubber-head {
  background-color: #1cb5d7;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control {
  top: -10em;
  right: unset;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel .play-volume-control {
  position: absolute !important;
  left: 50%;
  border-radius: 2px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 70%;
  margin-left: 0;
  z-index: 1;
}
.main-dark .showPlayer .play-js .play-volume-level:after {
  content: "";
  position: absolute;
  font-size: 0.9em;
  top: -0.5em;
  left: -0.33em;
  background: #2eb7d7;
  z-index: 100;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-dark .showPlayer .audio-js .play-bar {
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.main-dark .showPlayer .audio-js .auto-play {
  color: #9a9a9a;
  display: flex;
  align-items: center;
  width: 13em;
}
.main-dark .showPlayer .audio-js .auto-play .auto-play-on,
.main-dark .showPlayer .audio-js .auto-play .auto-play-off {
  color: #000;
  border: 1px solid rgba(204, 204, 204, 0.8);
  border-radius: 15px;
  padding: 8px;
  min-width: 45px;
  text-align: center;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .auto-play .auto-play-off {
  display: none;
}
.main-dark .showPlayer .audio-js .seek-bar-setting-button-group {
  justify-content: flex-end;
}
.main-dark .showPlayer .audio-js .track-title {
  color: #403f3f;
  font-size: 1.2em;
  margin-left: 10px;
  font-weight: 600;
}
.main-dark .showPlayer .audio-js .track-title .authorTitle {
  color: #403f3f;
  font-size: 0.5rem;
  margin-left: 10px;
  font-weight: 600;
}
.main-dark .showPlayer .audio-js .track-title > div {
  max-width: 150px;
  text-align: left;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-dark .showPlayer .audio-js .play-current-time.play-time-control {
  position: absolute;
  left: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .play-duration.play-time-control {
  position: absolute;
  right: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .play-fullscreen-control {
  display: none;
}
.main-dark .showPlayer .audio-js .play-time-control.play-time-divider {
  display: none;
}
.main-dark .showPlayer .audio-group-bar {
  display: flex;
}
.main-dark .showPlayer .audio-js.play-js .play-favourite-control.play-control,
.main-dark .showPlayer .audio-js.play-js .play-share-control.play-control,
.main-dark .showPlayer .audio-js.play-js .play-playlist-control.play-control {
  width: 4em;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control.play-paused .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control.play-playing .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-pause-IRJMG4SP.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-next-control .play-icon-placeholder:before {
  background-image: url("./media/a-next-NVFVASHB.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-previous-control .play-icon-placeholder:before {
  background-image: url("./media/a-previous-4W5IWN6X.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-AGQCWW3P.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-off-SBJMK6EG.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-control .play-icon-placeholder:before {
  width: 1em;
  height: 1em;
  background-image: url("./media/a-repeat-26WRHQMI.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-repeat-off-KMGRX7UO.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before {
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  cursor: pointer;
}
.main-dark .showPlayer button.play-repeat-one-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer button.play-repeat-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer button.play-shuffle-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer .audio-js .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0;
}
.main-dark .showPlayer .audio-js .audio-play-button-group {
  justify-content: center;
}
.main-dark .showPlayer .audio-js.play-volume-panel.play-control.play-volume-panel-vertical {
  position: relative;
}
.main-dark .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
  padding: 0 5.6em;
}
.main-dark .showPlayer .play-texttrack-settings {
  display: none !important;
}
.main-dark .showPlayer .audio-player-element {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-dark .showPlayer .video-player-element {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
}
.main-dark .showPlayer .audio-js .audio-player-element > div {
  width: 100%;
  display: contents;
}
.main-dark .showPlayer .audio-js #thumb {
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(82, 78, 78, 0.7098039216);
}
@media screen and (max-width: 1024px) {
  .main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
    padding: 0 0.6em;
  }
  .main-dark .showPlayer .audio-js #thumb {
    width: 40px;
  }
  .main-dark .showPlayer .audio-js .play-favourite-control,
  .main-dark .showPlayer .audio-js .play-share-control,
  .main-dark .showPlayer .audio-js .play-playlist-control,
  .main-dark .showPlayer .audio-js .auto-play {
    display: none;
  }
}
.main-dark .showPlayer {
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js {
  margin-top: 0;
  height: 5.25rem;
  background: #fff;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
  padding: 0.375rem 4.125rem 0;
  height: 100%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay span {
  position: absolute;
  width: 110%;
  height: 110%;
  z-index: 0;
  top: -5%;
  left: -5%;
  background-image: url(https://d6inq6b33hd48.cloudfront.net/album_thumbnails/artworks-000129981888-asajqm-t500x500.jpg);
  background-position: center;
  background-size: cover;
  background-color: #fff;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
  -o-filter: blur(60px);
  -ms-filter: blur(60px);
  filter: blur(60px);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .player-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .player-div .play-control-bar {
  background: transparent;
  z-index: 1;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-bar {
  margin: 0;
  padding: 0;
  width: 100%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js #thumb {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 5px;
  box-shadow: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title {
  font-size: 1rem;
  color: #102942;
  font-weight: 600;
  flex: 1;
  width: 10%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
  font-size: 0.875rem;
  color: #485571;
  margin: 0.375rem 0 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
  max-width: 70%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-progress-holder .play-play-progress .scrubber-head {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder {
  height: 0.375rem;
  background: #b9b7b7;
  border-radius: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress {
  background: #FB8541;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress .scrubber-head {
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #f16c1f;
  border-radius: 0.875rem;
  background: #f16c1f;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip {
  background-color: rgb(79, 79, 79);
  background: none;
  border: 0 none;
  border-radius: 0;
  float: none;
  color: #fff;
  font-weight: 800;
  font-family: inherit;
  line-height: normal;
  padding: 0.125rem 0.3125rem;
  top: -1.6875rem;
  height: 0;
  display: block;
  font-size: 9px;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-play-progress .play-time-tooltip {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-load-progress {
  background: #929191;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  font-size: 0.625rem;
  color: #4f4f4f;
  font-weight: 800;
  top: 0.625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  text-align: right;
  padding-right: 0.4375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control {
  text-align: left;
  padding-left: 0.4375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin: 0 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control {
  margin-right: 1.375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  width: auto;
  padding: 0 0.0625rem;
  height: auto;
  cursor: pointer;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  display: block;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  margin-right: 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control:hover {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control {
  margin-left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin-right: 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control {
  position: relative;
  z-index: 1;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
  width: 17px;
  height: 15px;
  background-image: url("./media/favourite-7NQCC3CH.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .play-icon-placeholder {
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .small-hearts i {
  -webkit-animation: smallhearts-animation 0.35s linear;
  animation: smallhearts-animation 0.35s linear;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts {
  position: absolute;
  width: 9.375rem;
  left: 1.25rem;
  bottom: 1.75rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i {
  position: absolute;
  opacity: 0;
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:first-child {
  left: -1.5625rem;
  top: -0.9375rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(2) {
  left: 0.3125rem;
  top: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(3) {
  width: 0.375rem;
  height: 0.375rem;
  left: -33px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(4) {
  left: -0.4375rem;
  top: -0.625rem;
  width: 0.375rem;
  height: 0.375rem;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
  width: 12px;
  height: 14px;
  background-image: url("./media/share-35YJT56F.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
  margin-right: 1.25rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
  width: 16px;
  height: 15px;
  margin-top: 3px;
  background-image: url("./media/playlist-JU363ILJ.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
  width: 16px;
  height: 13px;
  background-image: url("./media/repeat-Z336JZAR.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
  width: 15px;
  height: 16px;
  background-image: url("./media/repeat1-7GVJ7OCG.svg");
  margin-top: 3px;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background-image: url("./media/repeat2-ZW22ZTK5.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  background-image: url("./media/previous-JPH6BST3.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
  width: 16px;
  height: 9px;
  background-image: url("./media/Next-THW63WHH.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
  border-radius: 2.25rem;
  margin: 1.4rem 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 0.8125rem;
  border-color: transparent transparent transparent #ffffff;
  cursor: pointer;
  margin: auto;
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-playing .play-icon-placeholder {
  border-style: double;
  border-width: 0px 0 0px 0.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-paused .play-icon-placeholder {
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-BX3RT6VW.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-on-IJ3RALB3.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .auto-play {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover {
  width: auto;
  height: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 0.9375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-control {
  opacity: 1;
  visibility: visible;
  height: auto;
  position: static !important;
  margin-left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button {
  width: auto;
  margin-right: 0.625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-0 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-0 .play-icon-placeholder {
  background-image: url("./media/Speaker-no-audio-LTZM5SYP.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-1 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-1 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-2 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-2 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-3 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-3 .play-icon-placeholder {
  background-image: url("./media/Speaker-three-vol-YL5IFIZA.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-slider,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-slider {
  margin: 0;
  background: #d0d0d0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal {
  height: 0.125rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level {
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level:before {
  content: "";
  width: 0.6875rem;
  height: 0.6875rem;
  top: -0.25rem;
  border: 1px solid #fff;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
@-webkit-keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@media (min-width: 1200px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
    width: 1.0625rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
    width: 0.75rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
    width: 1rem;
    height: 0.9375rem;
    margin-top: 0.1875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
    width: 1rem;
    height: 0.8125rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
    width: 0.9375rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
    margin-top: 0.1875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
    width: 1rem;
    height: 0.5625rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
}
@media (max-width: 1300px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 15%;
  }
}
@media (max-width: 1199px) {
  .main-dark .showPlayer html {
    font-size: 14px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 1024px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 0.375rem 40px 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: block;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 188px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: 1;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    width: 188px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 82px;
  }
}
@media (max-width: 767px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js {
    height: 88px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
    top: 12px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 25px 15px 10px;
    flex-wrap: wrap;
    height: auto;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: auto;
    width: 100%;
    justify-content: center;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    flex: auto;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar .play-bar {
    width: 100%;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
    margin: 0 1.25rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js #thumb {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title {
    margin: 0;
    font-size: 12px;
    width: 100%;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
    padding-right: 30px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
    display: none;
  }
}
@media (max-width: 480px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    padding-right: 10px;
  }
}
.main-dark .player-close {
  line-height: 1.5rem;
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 5.25rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-top-left-radius: 0.1875rem;
  cursor: pointer;
  font-size: 0.825rem;
  padding: 0 0.825rem;
  display: inline-block;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.main-dark .detail-page-body {
  background: #0e233d;
  margin-top: 25px;
  padding: 0px 15px;
  margin-bottom: 30px;
}
.main-dark .detail-page-body .songs-body:hover {
  background: #091c34 !important;
  box-shadow: none !important;
}
.main-dark .detail-page-body .songs-body:hover::after {
  display: none;
}
.main-dark .detail-page-body .songs-body::after {
  content: "";
  position: absolute;
  width: 97%;
  height: 0.5px;
  background: #283850;
  bottom: 0;
}
.main-dark .detail-page-body .songs-body:hover .sno {
  background: #f16e36 !important;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.main-dark .play-favourite-control,
.main-dark .play-share-control {
  display: none !important;
}
.main-dark .plyr__progress input[type=range] {
  color: #f47228 !important;
}
.main-dark .plyr__volume input[type=range] {
  color: #f47228 !important;
}
.main-dark .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: #f37336;
}
.main-dark .plyr--video .plyr__control.plyr__tab-focus,
.main-dark .plyr--video .plyr__control:hover,
.main-dark .plyr--video .plyr__control[aria-expanded=true] {
  background: #f37336;
}
.main-dark .album-list-container ::-webkit-scrollbar {
  width: 7px;
  background: #0b1c34;
}
.main-dark .album-list-container {
}
.main-dark .album-list-container ::-webkit-scrollbar-thumb {
  background: #ea9734;
  border-radius: 10px;
}
.main-dark .album-list-container {
  display: flex;
  justify-content: space-evenly;
}
.main-dark .album-list-container .title_sec {
  display: flex;
}
.main-dark .album-list-container .arama-kutusu {
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  display: flex;
  align-items: center;
  background: #0f233d;
  height: 45px;
  border-radius: 40px;
  padding: 9px;
}
.main-dark .album-list-container .arama-buton {
  width: 42px;
  height: 40px;
  margin-top: 0px;
  margin-left: -12px;
  background: #0f233d;
}
.main-dark .album-list-container .arama-yazi {
  padding-left: 20px !important;
  margin-top: 1px;
  padding-left: 15px;
  color: #fff;
  width: 200px;
  position: relative;
  left: 0px;
  border-radius: 100px;
  z-index: -9;
}
.main-dark .album-list-container ::placeholder {
  color: rgba(255, 255, 255, 0.2705882353);
  font-family: Notosans;
}
.main-dark .album-list-container .ngx-dropdown-button {
  min-height: 45px !important;
  outline: 0;
  background-color: #0e233d !important;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  padding-left: 20px !important;
}
.main-dark .album-list-container .ngx-dropdown-button .display-text {
  margin-top: 0px !important;
}
.main-dark .album-list-container .ngx-dropdown-button .nsdicon-angle-down {
  margin-top: 2px !important;
}
.main-dark .album-list-container .available-items li {
  color: #fff !important;
}
.main-dark .album-list-container .available-items li:hover {
  background: #f67a37;
  color: #fff !important;
  border-radius: 100px;
  outline: 0;
}
.main-dark .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li {
  background: transparent !important;
  color: #fff !important;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  margin-right: 5px;
  margin-bottom: 7px !important;
  flex-wrap: nowrap;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li span {
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
}
.main-dark .album-list-container ul.selected-items {
  display: flex;
  flex-wrap: wrap;
}
.main-dark .album-list-container .ngx-dropdown-list-container {
  max-height: 400px;
  background: #0f233d !important;
}
.main-dark .album-list-container .ngx-dropdown-list-container .selected-items,
.main-dark .album-list-container .ngx-dropdown-list-container hr {
  display: none !important;
}
.main-dark .album-list-container .ngx-dropdown-container {
  outline: 0;
}
.main-dark .album-list-container .title_sec h2 {
  margin-top: 4px;
  font-family: "Notosans-medium";
  font-weight: normal !important;
}
.main-dark .album-list-container ngx-select-dropdown {
  width: 200px !important;
  margin-right: 20px;
}
.main-dark .album-list-container input {
  color: #fff !important;
}
.main-dark .youtube {
  top: 0;
  left: 0;
  z-index: 5;
  padding: 15px 30px;
  width: 100% !important;
}
.main-dark .youtube .back_btn {
  display: block !important;
}
.main-dark .youtube .movie-title {
  display: block !important;
}
.main-dark .album-list .skeleton {
  width: 100%;
  padding: 0.625rem;
  height: 160px;
  background: #14253d;
  margin-right: 10px;
  border-radius: 5px;
}
.main-dark section.live-videos-page {
  min-height: 550px;
}
.main-dark .section-one a,
.main-dark .section-two a,
.main-dark .section-three a {
  color: #ccc !important;
}
.main-dark .liveplayer .video-detail-page {
  min-height: 550px;
}
.main-dark .album-list .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
.main-dark .album-list p {
  font-size: 25px;
  color: #fff;
  padding-top: 25px;
}
.main-dark div#youtube-player {
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
}
.main-dark .plyr__video-embed iframe {
  height: 93% !important;
}
.main-dark .home-banner .owl-carousel .owl-item img {
  opacity: 1 !important;
}
.main-dark .footer-text .tittle {
  color: #ccc !important;
}
.main-dark .latestnav .sub_new {
  display: flex;
  max-height: 40px;
  height: 40px;
  z-index: auto;
}
.main-dark .latestnav .sub_new.sub_new-empty {
  display: none !important;
}
.main-dark .latestul {
  display: flex;
  margin-top: 5px;
}
.main-dark .sub_new {
  transition: max-height 0.7s ease-in;
  position: absolute !important;
  width: 100%;
  left: 0;
  background: #091c34;
  padding-left: 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  top: 65px;
  z-index: -9;
}
.main-dark li.latestnav {
  z-index: auto;
  vertical-align: middle;
  align-items: center;
  height: 44px;
  display: flex;
  padding: 0px 9px;
}
.main-dark .video_sub {
  background: #14253d;
  border-bottom: none !important;
  border: 2px solid #f47637;
  border-radius: 10px 10px 0px 0px;
}
.main-dark .video_sub:hover .vidtag {
  color: #fff !important;
}
.main-dark .new_nav-item a svg {
  display: block !important;
  width: 11px;
  height: 11px;
  margin-top: 0px !important;
}
.main-dark .new_nav-item a svg path {
  fill: #c74c2b;
}
.main-dark #video.active {
  background: #091c34;
}
.main-dark #video.active .vidtag {
  color: #f16c1f !important;
}
.main-dark {
}
.main-dark #audio.active a,
.main-dark #radio.active a,
.main-dark #live.active a,
.main-dark #storys.active a,
.main-dark #tools.active a {
  color: #f16c1f !important;
}
.main-dark #audio,
.main-dark #live,
.main-dark #video,
.main-dark #radio,
.main-dark #storys {
  outline: none;
}
.main-dark .audio-page .select-header {
  position: fixed;
  background: #0e233d;
  width: 100%;
  z-index: 9;
  padding: 11px 0px !important;
  margin-top: -12px;
  border-top: 1px solid #f67a37;
}
.main-dark .audio-page .container .card-wrapper {
  padding-top: 15px;
}
.main-dark .audio-page .no-data {
  margin-top: 0 !important;
  padding-top: 75px;
}
.main-dark .audio-page {
  margin-top: 10px;
}
.main-dark .latestnav a svg {
  display: block !important;
  margin-right: 7px;
  margin-top: -3px;
}
.main-dark .home-banner {
  margin-top: 50px !important;
}
.main-dark .admin-playlists-all .tittle-blk h2 {
  color: #f7e93a;
}
.main-dark .admin-playlists-all .slider-content h3 {
  color: #f7e93a !important;
}
.main-dark .loading-jkps {
  width: 500px;
}
.main-dark .benefit_container h4 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-dark .benefit_container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-dark .benefit_container .sub-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-dark .benefit_container .sub-list li {
  font-size: 19px !important;
  width: 50%;
}
.main-dark .subscription-blk a.subscribe {
  margin-bottom: 30px;
}
.main-dark .play-mouse-display {
  position: relative;
  top: -29px;
  background: transparent !important;
}
.main-dark .play-mouse-display .play-time-tooltip {
  right: -15px;
  width: auto !important;
  height: 21px !important;
  bottom: -44px !important;
  position: absolute !important;
  top: 0 !important;
  background: rgba(79, 79, 79, 0.79) !important;
  padding-top: 4px !important;
  margin-top: 0px !important;
  border: none !important;
  border-radius: 3px !important;
}
.main-dark .changer_sub {
  padding: 0 !important;
}
.main-dark .changer_sub .modal-body {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-dark .changer_sub .login-modal {
  max-width: 55rem !important;
}
.main-dark .changer_sub .login-modal .close {
  cursor: pointer;
  margin-top: -20px;
  right: 15px !important;
  position: absolute;
  top: 35px !important;
  width: 20px;
  height: 20px;
}
.main-dark .changer_sub .header {
  display: none;
}
.main-dark .new_subscribe {
  padding-bottom: 0px !important;
  padding-top: 15px !important;
}
.main-dark .new_subscribe .preferred {
  width: 70%;
  background: #173b65;
  padding: 25px 10px;
  border-radius: 5px;
}
.main-dark .new_subscribe h4 {
  color: white;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.main-dark .new_subscribe h5 {
  color: #cacaca;
  padding-bottom: 5px;
}
.main-dark .new_subscribe .carders,
.main-dark .new_subscribe .neters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 30%;
  background: #0f233d;
  padding-top: 20px;
  padding-bottom: 15px;
  border-radius: 5px;
}
.main-dark .new_subscribe p {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  padding: 0px 10px;
}
.main-dark .new_subscribe .back-btn {
  margin: 0 !important;
  width: 147px !important;
  height: 55px;
  padding: 0;
  line-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-dark .new_subscribe .others {
  width: 30%;
  background: #333e50;
  padding: 25px 10px;
  border-radius: 5px;
  margin-left: 15px;
  position: relative;
}
.main-dark .new_subscribe .plan_content {
  font-size: 20px;
  color: #cacaca;
  padding-top: 20px;
  font-style: italic;
  text-align: left;
}
.main-dark .new_subscribe h4 {
  font-weight: bold;
  font-size: 20px !important;
  letter-spacing: 1px;
}
.main-dark .new_subscribe .pay_options,
.main-dark .new_subscribe .card_upi {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.main-dark .new_subscribe .card_upi {
  margin-top: 20px !important;
}
.main-dark .new_subscribe .upis {
  width: 93.5%;
  bottom: 25px;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: grid;
  background: #0f233d;
  padding-top: 32.5px;
  padding-bottom: 33.5px;
  border-radius: 5px;
}
.main-dark .new_subscribe .upis .back-btn {
  margin-left: 39px !important;
  width: 154px !important;
  font-size: 16px;
}
.main-dark .pay-type h3 {
  justify-content: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.main-dark .pay-type h3 span {
  padding-left: 30px;
  font-size: 1.5rem;
}
.main-dark .newout .upis {
  padding-top: 16px;
  padding-bottom: 18px;
  bottom: 26px;
}
.main-dark .outcard {
  width: 100% !important;
  margin-top: 30px;
}
.main-dark .outcard p {
  width: 100%;
}
.main-dark .video-bottom.skeleton-loader .content-details p {
  margin-left: 10px;
  margin-top: -5px;
}
.main-dark .skeleton-loader .back-to-history span {
  height: 25px;
  padding: 0px 10px;
}
.main-dark .new_menu_drop li:hover {
  cursor: default !important;
}
.main-dark .web_series .owl-nav {
  display: none !important;
}
.main-dark .new_super-sub-menu a:hover {
  color: #ff7424 !important;
}
.main-dark .clickhides {
  display: none !important;
}
.main-dark #chart-div-one .highcharts-root {
  width: 100%;
  height: 170px;
}
.main-dark #chart-div-two .highcharts-root {
  width: 100%;
  height: 55px;
}
.main-dark #chart-div-one .highcharts-container,
.main-dark #chart-div-two .highcharts-container {
  width: 100% !important;
}
.main-dark #chart-div-two .highcharts-container {
  height: 70px !important;
}
.main-dark #chart-div-one .highcharts-container {
  height: 170px !important;
}
.main-dark #chart-div-one .x-axis-title text {
  font-size: 38px !important;
  fill: black !important;
}
.main-dark img.storys {
  width: 30px;
  height: 28px;
  object-fit: contain;
  margin-top: -5px;
}
.main-dark ul.latestul li a {
  color: #ccc !important;
}
.main-dark ul.latestul li a:hover {
  color: #f16c1f !important;
}
.main-dark #story-page .home-banner {
  margin-top: 29px !important;
}
.main-dark .plyr__controls__item.plyr__control[data-plyr=fullscreen] {
  display: none !important;
}
.main-dark .plyr__controls {
  background: #091c34 !important;
  padding: 20px 10px !important;
}
.main-dark .plyr__video-embed,
.main-dark .plyr__video-wrapper--fixed-ratio {
  height: 0 !important;
  padding-bottom: 53.25% !important;
}
.main-dark #ytplayer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.main-dark .watermark-logo {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 40%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-dark .watermark-logo img {
  width: 60%;
}
.main-dark .watermark-logo2 {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 63.2%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-dark .watermark-logo2 img {
  width: 60%;
}
.main-dark .radio-control {
  display: none !important;
}
.main-dark .songs-body:hover .sno .song-play {
  display: block !important;
}
.main-dark .songs-body.current-playing-song:hover .sno .song-play {
  display: none !important;
}
.main-dark .current-playing-song svg.song-equalizer rect {
  fill: #fff !important;
}
.main-dark .current-playing-song .sno {
  background: #f16e36 !important;
}
.main-dark .current-playing-song .sno span {
  display: none;
}
.main-dark .current-playing-song .song-play {
  display: none;
}
.main-dark .current-playing-song .song-equalizer {
  display: block !important;
}
.main-dark span.radio-equ {
  display: none;
}
.main-dark .current-playing-radio span.radio-equ {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-dark .current-playing-radio span.radio-equ svg {
  width: 50px;
}
.main-dark .current-playing-radio span.radio-equ svg rect {
  fill: #fff !important;
}
.main-dark .new_subscribe p {
  font-size: 12px !important;
  line-height: 17px;
}
.main-dark .new_subscribe .back-btn {
  line-height: 19px !important;
}
.main-dark .new_subscribe .upis .back-btn {
  margin: 0px auto !important;
}
.main-dark .upis p {
  margin-top: 13px !important;
}
.main-dark .restrict-subscription-popup .share-footer a {
  height: auto !important;
  width: auto !important;
}
.main-dark {
}
@media screen and (min-width: 1100px) {
  .main-dark .container {
    width: 100%;
    padding: 0 55px;
  }
}
@media screen and (min-width: 1500px) {
  .main-dark .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-dark .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-dark .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
  .main-dark .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
    font-size: 4em;
  }
  .main-dark .container {
    width: 100%;
    padding: 0 55px;
  }
  .main-dark .vjs-playlist-vertical .vjs-playlist-item {
    height: auto;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 23.3%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 23.3%;
  }
  .main-dark .form-control label {
    top: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .main-dark .moveOutCardsCls {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
    transition-delay: 0.5s;
  }
  .main-dark .moveInCardsCls {
    transform: translateY(-265px);
    -webkit-transform: translateY(-265px);
    -moz-transform: translateY(-265px);
    -o-transform: translateY(-265px);
    -ms-transform: translateY(-265px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
  }
  .main-dark header.home-header.hide-header {
    visibility: hidden;
    opacity: 0;
    transition: 1s all ease;
  }
  .main-dark header.home-header.show-header {
    visibility: visible;
    opacity: 1;
    transition: 1s all ease;
  }
  .main-dark .sign_Up_Modal .login-modal {
    max-width: 47.063em;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split {
    width: 48%;
    margin-right: 20px;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date input {
    width: 100%;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .top-label {
    left: 5px;
    top: 8px;
    display: inline-block;
    padding: 0 5px;
    background: #fff;
    z-index: 1;
    transition: 0.4s ease all;
    line-height: 22px;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .ngx-datepicker-position-bottom-right {
    z-index: 2;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1365px) {
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 47.8%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card i {
    margin-right: 1.25rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card .data-stats p {
    font-size: 0.9rem;
  }
}
@media (max-width: 1700px) {
  .main-dark .app-banner h6 {
    padding: 0 18%;
  }
}
@media (max-width: 1299px) {
  .main-dark .container {
    width: 100%;
    padding: 0 4%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .video-bottom {
    padding: 3.4375rem 0 2.8125rem 0;
    width: 42%;
  }
  .main-dark .video-detail-page .video-bottom h2 {
    font-size: 1.875rem;
  }
  .main-dark .video-detail-page .countdown-blk {
    right: 6.25rem;
  }
  .main-dark {
  }
  .main-dark .profile-page aside {
    width: 20%;
  }
  .main-dark .profile-page aside .vplay-profile-menu li {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
  .main-dark .profile-page aside .vplay-profile-menu i {
    margin-right: 1.25rem;
  }
  .main-dark .profile-page .profile-right {
    width: 78%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 0 5px 0 5px;
  }
  .main-dark .my-account-page .account-container {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 23.8%;
  }
  .main-dark .f-row .menu-set {
    margin-left: 20px;
  }
  .main-dark .f-row .menu-set a {
    font-size: 15px;
    padding: 0 5px;
  }
}
@media (min-width: 1820px) {
  .main-dark .video-detail-page .video-player-outer {
    width: 94.2%;
    max-height: 460px;
  }
  .main-dark .video-detail-page .video-player {
    height: 460px;
  }
}
@media (max-width: 1199px) {
  .main-dark .xray-contents {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
    width: 50px;
    height: 50px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    width: 55px;
    height: 65px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
    margin: auto;
  }
  .main-dark footer .tittle {
    font-size: 20px;
  }
  .main-dark .profile-page .s-container {
    width: 100%;
    padding: 0 20px;
  }
  .main-dark .profile-page .profile-right .user-img > span {
    bottom: 0;
    transition: bottom ease 0.3s;
  }
  .main-dark .profile-page .profile-right .profile-dashboard h3 {
    font-size: 18px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-img {
    width: 80px;
    height: 80px;
  }
  .main-dark .banner-slider .banner-content {
    padding: 0 10%;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-dark .f-row .menu-set {
    margin-left: 30px;
  }
  .main-dark .f-row .menu-set .menu-for-web,
  .main-dark .f-row .menu-set .hide-menu {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    max-width: 400px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
    height: 250px;
    padding: 10px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 170px;
    height: 170px;
  }
  .main-dark .pricing .single-subscription h5 {
    font-size: 20px;
  }
  .main-dark .pricing .single-subscription .sub-price {
    font-size: 31px;
    margin-bottom: 20px;
  }
  .main-dark .pricing .single-subscription .subscribe {
    padding: 13px 6px;
    max-width: 200px;
  }
  .main-dark .cs-slider .item:hover .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item,
  .main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .profile-page .profile-right .history .history-container .item:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .like-box,
  .main-dark .profile-page .profile-right .history .history-container .item .like-box,
  .main-dark .slider-item .like-box,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .like-box {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-dark .card-payment-popup h3 {
    font-size: 21px;
    padding: 20px 15px;
  }
  .main-dark .card-payment-popup .added-card-list {
    margin: 0 -5px;
  }
  .main-dark .card-payment-popup .pay-secure-btn {
    margin-top: 10px;
  }
  .main-dark .card-payment-popup .added-card {
    padding: 30px 11px 15px;
    width: 48%;
    margin: 5px;
  }
  .main-dark .card-payment-popup .added-card p {
    font-size: 13px;
  }
  .main-dark .card-payment-popup .added-card .delete-card {
    opacity: 1;
    visibility: visible;
  }
  .main-dark .card-payment-popup .added-card .chip {
    top: 34px;
  }
  .main-dark .card-payment-popup .card-right {
    padding-left: 15px;
  }
  .main-dark .card-payment-popup .card-left-menu a {
    padding: 10px 20px 10px 0px;
    font-size: 15px;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 16rem);
  }
}
@media (min-width: 1121px) and (max-width: 1199px) {
  .main-dark .saved-card-form .added-card-list {
    width: 50%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .main-dark .video-con-left p {
    color: #cacaca;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 170px;
    right: 0;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-dark {
  }
  .main-dark .f-row {
    position: relative;
    padding: 0 20px;
  }
  .main-dark .f-row .menu-set {
    margin-left: 2rem;
  }
  .main-dark .f-row .menu-set .mobileViewMenuItem {
    display: none;
  }
  .main-dark .f-row .dropdown-menu {
    left: 0;
  }
  .main-dark .f-row .search-blk {
    width: 25%;
    margin-right: 1.625rem;
    position: relative;
  }
  .main-dark .f-row .search-blk i {
    width: 20px;
    height: 20px;
    right: 0;
    left: unset;
    transition: none;
  }
  .main-dark .f-row .search-blk input {
    padding: 0 30px 0 0px;
    border: 0;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    transition: opacity ease 0.4s;
  }
  .main-dark .f-row .search-blk.open {
    width: 100%;
    position: absolute;
    margin: 0;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity ease 0.4s;
  }
  .main-dark .f-row .search-blk.open i {
    right: 20px;
    width: 20px;
    height: 20px;
    top: 20px;
    left: unset;
    bottom: auto;
  }
  .main-dark .f-row .search-blk.open i.header-search {
    display: none;
  }
  .main-dark .f-row .search-blk.open i.header-close {
    display: block;
  }
  .main-dark .f-row .search-blk.open input {
    height: 100%;
    font-size: 1rem;
    border-radius: 0;
    padding: 0 50px 0 10px;
    transition: opacity ease 0.4s;
  }
  .main-dark {
  }
  .main-dark .new-vplay .portrait-slider .owl-item:hover,
  .main-dark .small-vplay .small-slider .owl-item:hover,
  .main-dark .lanscape-vplay .lanscape-slider .owl-item:hover {
    transform: scale(1);
  }
  .main-dark {
  }
  .main-dark .banner-slider .banner-content {
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 20px;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    min-width: 50px;
    height: 50px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 23.6%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .premium-flex {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .video-detail-page .get-premium-btn,
  .main-dark .video-detail-page .buy-video {
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border-radius: 5px;
    width: auto;
    font-size: 12px;
    font-family: "Notosans";
    cursor: pointer;
    white-space: nowrap;
    background: rgba(26, 146, 173, 0.6);
    margin-right: 0.625rem;
  }
  .main-dark .video-detail-page .premium-or {
    z-index: 1;
    color: #fff;
    margin-right: 0.625rem;
  }
  .main-dark .video-detail-page .buy-video {
    margin: 0;
  }
  .main-dark .video-detail-page .play-info .get-premium-btn,
  .main-dark .video-detail-page .play-info .premium-or,
  .main-dark .video-detail-page .play-info .buy-video {
    display: none;
  }
  .main-dark .video-detail-page .video-banner-img {
    height: 15.625rem;
  }
  .main-dark .video-detail-page .vplay-cmts-outer {
    width: 100%;
  }
  .main-dark .video-detail-page .video-player-bg {
    background-size: cover;
    width: 100%;
    left: 0;
  }
  .main-dark .video-detail-page .play-btn-responsive {
    background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
    background-size: contain;
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: ease all 0.3s;
  }
  .main-dark .video-detail-page .video-player:before {
    background: rgba(0, 0, 0, 0.38);
  }
  .main-dark .video-detail-page .video-bottom {
    position: relative;
    color: #000;
    width: 100%;
    padding: 0 4%;
    margin: 1.875rem 0 0.9375rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .main-dark .video-detail-page .video-bottom .back-to-history {
    display: none;
  }
  .main-dark .video-detail-page .video-bottom .overview {
    color: #cacaca;
  }
  .main-dark .video-detail-page .video-bottom .play-info,
  .main-dark .video-detail-page .video-bottom .video-con-left h2,
  .main-dark .video-detail-page .video-bottom .video-data-info,
  .main-dark .video-detail-page .video-bottom .video-con-right,
  .main-dark .video-detail-page .video-bottom .starring-links a {
    color: #cacaca;
  }
  .main-dark .video-detail-page .play-info .play-btn {
    display: none;
  }
  .main-dark .video-detail-page .play-info svg path {
    fill: #ccc;
  }
  .main-dark .video-detail-page .video-content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .video-detail-page .video-con-right {
    margin-top: 1.25rem;
  }
  .main-dark .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .video-detail-page .user-options a {
    letter-spacing: 0;
    width: 42%;
    margin: 0 1.25rem 1rem 0;
  }
  .main-dark .video-detail-page .user-options svg path {
    fill: #ccc;
  }
  .main-dark .video-detail-page .video-con-left {
    width: 58%;
  }
  .main-dark .video-detail-page .video-con-right {
    width: 40%;
    margin-left: 2%;
    margin-top: 0;
  }
  .main-dark .video-detail-page .video-con-left h2,
  .main-dark .video-detail-page .video-con-right h2 {
    font-size: 1.5625rem;
  }
  .main-dark .video-detail-page .countdown-blk {
    right: 0;
  }
  .main-dark .video-detail-page .countdown-blk .countdown {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .video-detail-page .vplay-comments .vplay-cmt-input {
    width: 100%;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    width: 74%;
  }
  .main-dark .video-detail-page .video-data-info {
    margin-top: 10px;
  }
  .main-dark .video-detail-page .related-videos .item .slider-img {
    height: 7.5rem;
  }
  .main-dark {
  }
  .main-dark .pricing .subscription-blk a {
    min-width: 180px;
  }
  .main-dark {
  }
  .main-dark .profile-page aside {
    position: absolute;
    left: -23%;
    z-index: 1;
    display: none;
  }
  .main-dark .profile-page aside .toggle-for-mobile {
    display: inline-block;
    position: fixed;
    left: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background: #fb7e14;
    box-shadow: 3px 0px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .main-dark .profile-page aside .toggle-for-mobile svg {
    width: 25px;
    height: 25px;
    display: inline-block;
  }
  .main-dark .profile-page .profile-right {
    width: 100%;
  }
  .main-dark {
  }
  .main-dark .list-view .filter-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 3;
  }
  .main-dark .list-view aside {
    position: fixed;
    left: unset;
    top: unset;
    right: 55px;
    bottom: 55px;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0.5);
    transform-origin: right bottom;
    transition: all ease 0.5s;
  }
  .main-dark .list-view aside.show {
    background: #f3f3f3;
    z-index: 4;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 3px 4px 7px 0 rgba(60, 60, 60, 0.39);
    opacity: 1;
    visibility: visible;
    transition: all ease 0.5s;
  }
  .main-dark .list-view .right-side {
    margin-left: 0;
    border: 0;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 30%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 24%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 24%;
  }
  .main-dark {
  }
  .main-dark .profile-page aside .vplay-profile-menu,
  .main-dark .profile-page aside .v-user {
    display: none;
  }
  .main-dark .profile-page .profile-right {
    margin-left: 0;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed !important;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile .owl-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a i {
    margin-right: 0 !important;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a.active span {
    color: #ec5824;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.5rem;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 20rem);
  }
  .main-dark .video-detail-page .video-bottom.skeleton-loader {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark footer .f-footer .footer-text {
    width: 25%;
    margin-bottom: 40px;
    padding-right: 15px;
  }
  .main-dark .f-row .logo {
    width: 124px;
  }
  .main-dark .f-row .lang-toggle .lang-select .lang-selected {
    font-size: 14px;
  }
  .main-dark .f-row .menu-set a {
    padding: 0 5px;
  }
  .main-dark .f-row .profile-image {
    width: 35px;
    height: 35px;
    margin-right: 8px;
  }
  .main-dark .f-row .down-arrow {
    width: 10px;
    height: 10px;
  }
  .main-dark .f-row .search-blk,
  .main-dark .f-row .dark-icon,
  .main-dark .f-row .notification-blk,
  .main-dark .f-row .lang-toggle {
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .main-dark .f-row .search-blk i {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .dark-icon svg {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .notification-blk .notify-icon {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .sign-btn {
    display: none;
  }
  .main-dark .f-row .mobile-login {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
  }
  .main-dark .f-row .mobile-login svg {
    width: 20px;
    height: 20px;
  }
  .main-dark .app-banner {
    padding: 40px 30px;
  }
  .main-dark .app-banner h6 {
    font-size: 26px;
  }
  .main-dark .app-banner p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-dark .app-banner .social-apps .google-play,
  .main-dark .app-banner .social-apps .app-store {
    zoom: 0.8;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 26rem);
  }
  .main-dark .card-payment-popup .form-coupon .add-card-details {
    width: 100%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon {
    width: 100%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon form .promo {
    padding: 0px 0px 0px 30px;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-dark .net-banking-blk form {
    max-width: 21.5625rem;
  }
  .main-dark .net-banking-blk .netbanking-coupon .card_field_group {
    max-width: 100%;
    width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .app-coupon {
    width: 100%;
    max-width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .app-coupon .coupon {
    width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo {
    padding-left: 30px;
  }
  .main-dark .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-dark .net-banking-blk .netbanking-coupon .select-svg {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .main-dark .new_menu_drop {
    display: none !important;
  }
  .main-dark .menu_drop {
    display: none;
  }
  .main-dark .mobile-overlay.open {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s ease;
  }
  .main-dark .pricing h3 {
    font-size: 25px;
  }
  .main-dark .pricing .subscription-blk {
    max-width: 50%;
  }
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 31.9%;
  }
  .main-dark .share-popup .share-tittle {
    padding: 15px;
  }
  .main-dark .share-popup .share-content {
    padding: 15px;
  }
  .main-dark .share-popup .share-content .share-movie-img {
    width: 60px;
    height: 70px;
  }
  .main-dark .share-popup .share-content .share-movie span {
    font-size: 15px;
    flex: auto;
  }
  .main-dark .share-popup .share-footer {
    padding: 10px 15px;
  }
  .main-dark .share-popup .share-footer a.embed,
  .main-dark .share-popup .share-footer a {
    width: 30px;
    height: 30px;
  }
  .main-dark .share-popup .share-footer a.link {
    width: 32px;
    height: 32px;
  }
  .main-dark {
  }
  .main-dark .slider-item .slider-content .video-options svg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options svg,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options svg {
    width: 15px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-img,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-dark .owl-nav {
    display: none;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 11.25rem;
  }
  .main-dark {
  }
  .main-dark header.home-header .f-row .menu-set a,
  .main-dark header.home-header.fixed .f-row .menu-set a {
    color: #9a9a9a;
  }
  .main-dark header.home-header .f-row .logo .default_logo {
    display: block;
  }
  .main-dark header.home-header .f-row .logo .home_logo {
    display: none;
  }
  .main-dark header.home-header .f-row .notification-blk .notify-icon svg path,
  .main-dark header.home-header .f-row .dark-icon svg path,
  .main-dark header.home-header .f-row .search-blk i svg path {
    fill: #ffffff;
  }
  .main-dark header.home-header .f-row .lang-toggle .lang-select .lang-selected {
    color: #ffffff;
  }
  .main-dark header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
    fill: #ffffff;
  }
  .main-dark header.home-header.live-header {
    background: transparent;
  }
  .main-dark .f-row {
    height: 56px;
  }
  .main-dark .f-row .search-blk.open {
    height: 56px;
  }
  .main-dark .f-row .profile-image {
    width: 30px;
    height: 30px;
  }
  .main-dark .f-row .logo {
    width: 104px;
  }
  .main-dark .f-row .toggle-menu {
    display: block !important;
  }
  .main-dark .f-row .toggle-menu .line-menu {
    height: 2px;
  }
  .main-dark .f-row .toggle-menu .wrapper-menu {
    width: 22px;
    height: 18px;
  }
  .main-dark .f-row .menu-set {
    position: fixed;
    bottom: 0;
    background: #000;
    left: 0;
    z-index: 6;
    width: 100%;
    margin-left: 0;
    padding: 0 0;
    height: 47px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: bottom 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
  }
  .main-dark .f-row .menu-set.mobileViewMenuItem {
    bottom: -50px;
  }
  .main-dark .f-row .menu-set .dropdown-menu {
    display: block;
  }
  .main-dark .f-row .menu-set .menu-for-web,
  .main-dark .f-row .menu-set .hide-menu,
  .main-dark .f-row .menu-set a.go_premium {
    display: none;
  }
  .main-dark .f-row .menu-set > a {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    color: #9a9a9a;
    font-size: 14px;
    transform: scale(0.85);
    transition: all ease 0.3s;
  }
  .main-dark .f-row .menu-set > a > svg {
    display: block;
    margin-bottom: 4px;
  }
  .main-dark .f-row .menu-set > a.mobile-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .f-row .menu-set > a:hover,
  .main-dark .f-row .menu-set > a.active {
    transform: scale(1);
    transition: all ease 0.3s;
  }
  .main-dark .f-row .menu-set > a.toggle-mobile-menu,
  .main-dark .f-row .menu-set > a.hide-for-web {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
  }
  .main-dark .f-row .menu-set .live-vid svg {
    margin-right: 0;
    margin-bottom: 0;
  }
  .main-dark .f-row .menu-set .live-vid svg path {
    fill: #9a9a9a;
  }
  .main-dark .f-row .toggle-profile .profile-link span {
    margin-right: 0;
  }
  .main-dark .f-row .toggle-profile .profile-link svg {
    display: none;
  }
  .main-dark .f-row .toggle-profile .dropdown-profile {
    display: none;
  }
  .main-dark .f-row .dropdown-menu {
    position: fixed;
    width: 260px;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 5;
    overflow: auto;
    transition: left ease-out 0.5s;
  }
  .main-dark .f-row .dropdown-menu.open {
    top: 0;
    left: 0;
    z-index: 7;
    border-radius: 0;
    transition: left ease-in 0.4s;
  }
  .main-dark .f-row .dropdown-menu .profile-blk {
    padding: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    background: #FB8541;
    background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
    background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background:
      linear-gradient(
        to right,
        #FB8541 0%,
        #f16c1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
  }
  .main-dark .f-row .dropdown-menu .profile-blk .profile-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 3rem;
    width: 3rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
  }
  .main-dark .f-row .dropdown-menu .profile-blk h5 {
    font-family: "Notosans-bold";
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
  }
  .main-dark .f-row .dropdown-menu a,
  .main-dark .f-row .dropdown-profile a {
    color: #d0d0d0;
    font-size: 1rem;
    padding: 10px 20px;
  }
  .main-dark .f-row .dropdown-menu .personal-menu {
    display: block;
    padding: 10px 0;
  }
  .main-dark .f-row .header-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
  .main-dark .f-row .search-blk {
    width: 30px;
    height: 30px;
  }
  .main-dark .f-row .search-blk input {
    border: none;
    padding: 0;
    font-size: 0;
  }
  .main-dark .f-row .notification-blk {
    margin-right: 15px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    right: 0;
  }
  .main-dark .f-row .notification-blk .notification-dropdown::before {
    right: 0;
  }
  .main-dark {
  }
  .main-dark footer .f-footer .footer-text {
    width: 33.3%;
  }
  .main-dark footer .footer-text {
    width: 33%;
  }
  .main-dark footer .footer-text .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-dark footer .footer-text .lang-select {
    margin-top: 15px;
  }
  .main-dark footer .app-links .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-dark footer .categories-ul {
    display: none;
  }
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark footer .f-footer ul:last-child {
    text-align: left;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 32.3%;
    margin: 0.5%;
  }
  .main-dark .playlist .playlist-item .play-overlay {
    width: 50%;
  }
  .main-dark .playlist .playlist-item .playlist-img {
    height: 7.75rem;
  }
  .main-dark .playlist .playlist-item .play-content {
    padding: 0 0.9375rem;
  }
  .main-dark .playlist .playlist-item .play-content p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
  }
  .main-dark {
  }
  .main-dark .list-view aside {
    width: 35%;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 45%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .slider-item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-dark .slider-item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .liked {
    bottom: 15px;
  }
  .main-dark {
  }
  .main-dark .slider-item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
    width: 135px;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .video-con-right span {
    margin-bottom: 7px;
  }
  .main-dark .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .related-videos h6 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .main-dark .video-detail-page .related-videos-container .item {
    width: 24%;
    margin: 1% 0.5%;
  }
  .main-dark .video-detail-page .video-bottom {
    width: 100%;
    border-right: 0;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    width: 83%;
  }
  .main-dark {
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile {
    display: none !important;
  }
  .main-dark .profile-page .transaction {
    display: block;
    overflow: auto;
  }
  .main-dark .profile-page .transaction th,
  .main-dark .profile-page .transaction td {
    display: table-cell;
    white-space: nowrap;
  }
  .main-dark .profile-page .profile-right .change-password form,
  .main-dark .profile-page .profile-right .profile-form form {
    width: 19.375rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0 0 10px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
    width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0 -1%;
    width: auto;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    margin: 1%;
    width: 48%;
  }
  .main-dark {
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    padding: 1.25rem 0.625rem 1.25rem 1rem;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.25rem;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 30rem);
  }
  .main-dark .live-banner .player .video-cs-blk {
    top: 30px;
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 800px) {
  .main-dark body.first-user-activated {
    padding-top: 60px !important;
  }
}
@media (min-width: 767px) {
  .main-dark .slider-img {
    height: 163px !important;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .main-dark ul.footer-text.links-text::after {
    top: 190px !important;
  }
  .main-dark footer .app-links {
    display: none;
  }
}
@media only screen and (max-width: 1460px) and (min-width: 1350px) {
  .main-dark .app-banner h6 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1349px) and (min-width: 1030px) {
  .main-dark .app-banner h6 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1175px) and (min-width: 1088px) {
  .main-dark .app-banner h6 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1088px) and (min-width: 1024px) {
  .main-dark .app-banner h6 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1800px) {
  .main-dark .video-detail-page .video-player-bg {
    background-size: contain !important;
  }
  .main-dark .item {
    padding: 3px 0px !important;
    margin-right: 5px !important;
  }
  .main-dark .web_series .owl-nav {
    display: none !important;
  }
}
@media only screen and (min-width: 660px) {
  .main-dark .single-subscription {
    position: relative;
    min-height: 330px;
  }
  .main-dark .grouper {
    position: absolute;
    width: 100%;
    top: 40%;
  }
}
@media only screen and (min-width: 1700px) {
  .main-dark .liveplayer .video-detail-page {
    min-height: 800px;
  }
  .main-dark .home-banner .banner-tittle::before {
    height: 100%;
  }
  .main-dark .home-banner {
    margin-top: 0px;
  }
  .main-dark .home-banner .owl-carousel .owl-item img {
    object-fit: cover;
  }
  .main-dark .app-banner {
    padding: 3.2% 0 !important;
  }
  .main-dark .app-banner h6 {
    font-size: 60px;
    padding: 0px 250px;
  }
}
@media (min-width: 1500px) {
  .main-dark .player_next_video {
    left: 75%;
    bottom: 45px;
  }
}
@media (max-width: 1499px) and (min-width: 1100px) {
  .main-dark .player_next_video {
    bottom: 23px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1700px) {
  .main-dark .home-banner {
    margin-bottom: 14%;
  }
  .main-dark .home-banner .owl-carousel {
    position: absolute;
    top: -28px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 798px) {
  .main-dark .home-banner {
    margin-bottom: 175px !important;
  }
  .main-dark .home-banner .banner-content .banner-tittle h3 {
    font-size: 24px;
  }
  .main-dark .home-banner .owl-carousel {
    position: absolute;
    top: -20px;
  }
  .main-dark .home-banner .banner-content {
    height: 140px;
  }
  .main-dark .home-banner .owl-item img {
    height: 140px !important;
    max-height: 300px;
    object-fit: cover !important;
    opacity: 0.5;
  }
}
@media (min-width: 800px) {
  .main-dark .toast-container {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform: translate(-50%, 0%) !important;
    z-index: 1000000000 !important;
  }
}
@media (max-width: 1800px) {
  .main-dark #storys a {
    width: 130px;
    padding-bottom: 3px;
    text-align: center;
  }
}
@media (min-width: 1800px) {
  .main-dark .player_next_video {
    left: 77% !important;
  }
}
@media (max-width: 1025px) {
  .main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
    display: flex !important;
  }
  .main-dark .video-player-center {
    display: block !important;
  }
  .main-dark .video-detail-page .video-bottom {
    margin: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-dark .playlist .playlist-details {
    display: block;
  }
  .main-dark .playlist .playlist-details .playlist-img {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .contact-us-content .button {
    text-align: center !important;
  }
  .main-dark .download_pdf {
    margin: 0 15px;
  }
  .main-dark .search-blk {
    margin-right: -15px !important;
    margin-top: -5px !important;
  }
  .main-dark .video-detail-page .video-player-outer {
    max-height: initial;
    width: 100%;
  }
  .main-dark .video-detail-page .video-player-bg {
    background-size: cover;
    max-height: 200px;
  }
  .main-dark .video-detail-page .video-player {
    height: 200px !important;
  }
  .main-dark .video-detail-page .video-data-info span:nth-child(2) {
    display: inline-block !important;
  }
  .main-dark .video-detail-page .video-bottom {
    background: #0e243e;
  }
  .main-dark .video-detail-page .video_category_name {
    display: inline-block !important;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    width: 120px !important;
    font-size: 16px !important;
  }
  .main-dark .banner-slider .banner-item {
    background-position-y: 0px !important;
  }
  .main-dark .home-banner {
    padding-bottom: 10px;
  }
  .main-dark .app-banner {
    padding: 30px 10px;
    background-size: 100%;
    background-position: right;
    height: auto !important;
    border-radius: 5px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main-dark .banner-slider .banner-content .banner-tittle {
    height: 100%;
  }
  .main-dark .subscription-blk a {
    margin-bottom: 20px !important;
  }
  .main-dark .subscription-blk {
    margin-bottom: 35px !important;
  }
  .main-dark .benefit_container .sub-list {
    display: block;
  }
  .main-dark .benefit_container .sub-list li {
    width: 100%;
  }
  .main-dark .container.album-list-container {
    flex-wrap: wrap;
  }
  .main-dark .album-list-container ngx-select-dropdown {
    width: 150px !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .main-dark .album-list-container ngx-select-dropdown button span {
    font-size: 14px !important;
  }
  .main-dark .arama-kutusu {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .album-list-container .arama-yazi {
    width: 90% !important;
  }
  .main-dark .mobile-alphabet {
    display: none !important;
  }
  .main-dark .search-dropdown li {
    padding: 3px 5px !important;
  }
  .main-dark .detail-image-content {
    display: block !important;
  }
  .main-dark .detail-page-body perfect-scrollbar.scroll-padding {
    max-height: 100% !important;
  }
  .main-dark .detail-page-body .song-name h5 {
    display: block !important;
  }
  .main-dark .detail-page-body .ps-content {
    overflow: hidden !important;
  }
  .main-dark .detail-content {
    width: 100% !important;
  }
  .main-dark .search-dropdown {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-top: 10px;
  }
  .main-dark .banner-slider .banner-content {
    height: 100%;
  }
  .main-dark .app-banner h6 {
    font-size: 16px !important;
    padding: 1% 5% 2% 5%;
  }
  .main-dark .app-banner {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .main-dark .watermark-logo {
    top: 55% !important;
    left: 31% !important;
  }
  .main-dark .watermark-logo2 {
    top: 55% !important;
    left: 75% !important;
  }
  .main-dark .f-row .notification-blk .notify-icon .not-count {
    position: absolute;
    top: -6px;
    right: -7px;
  }
  .main-dark .audio-page .container .card-wrapper {
    padding-top: 10px;
  }
  .main-dark a.homes svg path {
    fill: rgb(242, 110, 34) !important;
  }
  .main-dark a.mobile-home.active svg {
    border-bottom: 1px solid #ccc;
  }
  .main-dark a.mobile-home.active img {
    border-bottom: 1px solid #ccc;
  }
  .main-dark a.mobile-home.homes.active svg {
    padding-bottom: 1px;
  }
  .main-dark .ngx-dropdown-container .ngx-dropdown-button {
    padding: 5px 4px 5px 10px !important;
  }
  .main-dark .album-list-container ngx-select-dropdown button span {
    font-size: 12px !important;
  }
  .main-dark .home-banner {
    margin-top: 0px !important;
  }
  .main-dark .pay-type,
  .main-dark .pay-type h3 {
    flex-wrap: wrap !important;
  }
  .main-dark .pay-type span,
  .main-dark .pay-type h3 span {
    padding-left: 0px !important;
  }
  .main-dark .card-payment-popup .card-outer,
  .main-dark .card-payment-popup .pay_options {
    display: block;
  }
  .main-dark .card-payment-popup .preferred,
  .main-dark .card-payment-popup .others {
    width: 100%;
  }
  .main-dark .card-payment-popup .others {
    margin-left: 0px;
    margin-top: 40px;
    padding-top: 75px;
    padding-bottom: 75px;
    height: 230px;
  }
  .main-dark .card-payment-popup .others h4 {
    margin-top: -60px !important;
  }
  .main-dark .card-payment-popup .upis {
    padding-top: 16px;
    padding-bottom: 18px;
    bottom: 20px;
  }
  .main-dark .card_upi {
    display: block !important;
  }
  .main-dark .card_upi .carders,
  .main-dark .card_upi .neters {
    width: 100% !important;
  }
  .main-dark .card_upi .neters {
    margin-top: 15px;
  }
  .main-dark .changer_sub .modal-body {
    margin-top: 200px;
    margin-bottom: 25px;
  }
  .main-dark .sub_modal h4 {
    font-size: 20px !important;
  }
  .main-dark .f-footer .home_logo {
    margin-top: 0px !important;
    left: 77px;
    margin-bottom: 5px !important;
  }
  .main-dark footer .f-footer .footer-text {
    margin-bottom: 5px !important;
  }
  .main-dark .user-profile-data {
    display: grid !important;
  }
  .main-dark .user-profile-data h4 {
    margin: 0 auto;
  }
  .main-dark footer .footer-text {
    width: 100% !important;
    padding-left: 5px;
  }
  .main-dark footer .links-text::after {
    display: none;
  }
  .main-dark footer .contact-ul.con-link li {
    width: 100% !important;
  }
  .main-dark footer .app-links {
    width: 100% !important;
    padding-left: 10px;
  }
  .main-dark .banner-item {
    height: 190px !important;
    width: 100% !important;
  }
  .main-dark .slider-item.loader,
  .main-light .profile-page .profile-right .history .history-container .main-dark .loader.item,
  .main-dark .profile-page .profile-right .history .history-container .loader.item {
    width: 100% !important;
    height: auto;
  }
  .main-dark .web_series .item,
  .main-dark .web-series-card .item {
    margin-bottom: 10px;
    width: 100% !important;
  }
  .main-dark .web_series .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series .item,
  .main-dark .web_series .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series .item,
  .main-dark .web-series-card .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web-series-card .item,
  .main-dark .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web-series-card .item {
    width: 100% !important;
    height: 220px;
  }
  .main-dark .web_series .slider-img,
  .main-dark .web-series-card .slider-img {
    height: 185px !important;
  }
  .main-dark .web_series .loader,
  .main-dark .web-series-card .loader {
    height: 150px !important;
  }
  .main-dark .web_series .loader .slider-img,
  .main-dark .web-series-card .loader .slider-img {
    height: 110px !important;
  }
  .main-dark .checkout .product-details .image-description {
    padding: 25px;
  }
  .main-dark .checkout .product-details .image-description .image {
    margin-right: 15px;
  }
  .main-dark .checkout .product-details .image-description .image img {
    width: 80px;
  }
  .main-dark .checkout .product-details .views-price {
    padding: 14px 25px;
  }
  .main-dark .payment-page .payment-container .payment-head .playment-head-image {
    width: 110px;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-dark .intl-tel-input .country-list {
    max-width: 300px;
  }
  .main-dark .no-video-blk h4 {
    font-size: 16px;
    padding: 10px 0;
  }
  .main-dark .banner-slider .banner-item {
    height: 220px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 25px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle p {
    font-size: 13px;
  }
  .main-dark #myModal .modal-content {
    width: 90%;
  }
  .main-dark .skeleton-loader .contus-slider .item {
    width: 100% !important;
    max-width: 100%;
  }
  .main-dark .card-payment-popup {
    margin: 25px 0;
  }
  .main-dark .card-payment-popup h3 {
    font-size: 18px;
    padding: 20px 15px;
  }
  .main-dark .card-payment-popup h3 .button {
    display: none;
  }
  .main-dark .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-dark .card-payment-popup .agree-chk .checkbox {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    top: -1px;
    position: relative;
  }
  .main-dark .card-payment-popup .agree-chk .checkbox:checked {
    height: 16px;
    width: 16px;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
    width: 50%;
    padding-right: 30px;
    margin: 0;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group label {
    display: block;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
    width: 50%;
    padding: 0;
  }
  .main-dark .card-payment-popup .card-left-menu {
    width: 100%;
    border-right: 0px solid #3c3c3c;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 20px;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .card-payment-popup .card-left-menu a {
    font-size: 15px;
    padding: 10px 15px;
    overflow: hidden;
    display: block;
    text-align: center;
  }
  .main-dark .card-payment-popup .card-left-menu a:before {
    width: 0;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    transition: width 0.3s ease;
  }
  .main-dark .card-payment-popup .card-left-menu a.active:before,
  .main-dark .card-payment-popup .card-left-menu a.active:hover:before {
    width: 100%;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    display: block;
    transition: width 0.3s ease;
  }
  .main-dark .card-payment-popup .card-left-menu a:hover::before {
    display: none;
  }
  .main-dark .card-payment-popup .card-right {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 0;
    min-height: auto;
  }
  .main-dark .card-payment-popup .net-banking-blk select,
  .main-dark .card-payment-popup .net-banking-blk input,
  .main-dark .card-payment-popup .net-banking-blk label,
  .main-dark .card-payment-popup .add-card select,
  .main-dark .card-payment-popup .add-card input,
  .main-dark .card-payment-popup .add-card label {
    font-size: 14px;
  }
  .main-dark .card-payment-popup .org-btn,
  .main-light .profile-page .profile-right .change-password .main-dark .card-payment-popup .cancel-btn,
  .main-light .profile-page .profile-right .profile-form .main-dark .card-payment-popup .cancel-btn,
  .main-light .vplay-comments .main-dark .card-payment-popup .load-more,
  .main-light .video-detail-page .see-more-blk .main-dark .card-payment-popup .see-more,
  .main-dark .card-payment-popup .video-detail-page .see-more-blk .see-more,
  .main-dark .video-detail-page .see-more-blk .card-payment-popup .see-more,
  .main-dark .card-payment-popup .vplay-comments .load-more,
  .main-dark .vplay-comments .card-payment-popup .load-more,
  .main-dark .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
  .main-dark .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
  .main-dark .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
  .main-dark .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
    padding: 11px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .main-dark .back_btn {
    width: 25px;
    height: 25px;
  }
  .main-dark .back_btn svg {
    width: 15px;
    height: 15px;
  }
  .main-dark .video-cs-blk {
    left: 0;
    padding: 0 20px;
  }
  .main-dark app-player.video-player-center .movie-title,
  .main-dark .video-player-center .movie-title {
    width: 50%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
  }
  .main-dark app-player.video-player-center .movie-title h2,
  .main-dark .video-player-center .movie-title h2 {
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-dark app-player.video-player-center .movie-title h3,
  .main-dark .video-player-center .movie-title h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-dark .faq-container .faq-left,
  .main-dark .faq-container .faq-right {
    max-width: 100%;
  }
  .main-dark .pricing .subscription-blk .sub-price {
    font-size: 1.875rem;
  }
  .main-dark .pricing .subscription-blk a {
    min-width: inherit;
    display: block;
    max-width: 90%;
    margin: 0 auto;
    padding: 15px 10px;
  }
  .main-dark {
  }
  .main-dark .categories-page .categories-list li {
    width: 33.3%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .contus-slider-outer {
    padding: 11px 0 0;
  }
  .main-dark .video-detail-page .user-options {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
  .main-dark .video-detail-page .user-options a,
  .main-dark .video-detail-page .user-options .favourite,
  .main-dark .video-detail-page .user-options .playlist,
  .main-dark .video-detail-page .user-options .thumbs-up,
  .main-dark .video-detail-page .user-options .thumbs-down {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    margin-right: 0rem;
  }
  .main-dark .video-detail-page .user-options a i,
  .main-dark .video-detail-page .user-options .favourite i,
  .main-dark .video-detail-page .user-options .playlist i,
  .main-dark .video-detail-page .user-options .thumbs-up i,
  .main-dark .video-detail-page .user-options .thumbs-down i {
    height: 21px;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
  }
  .main-dark .video-detail-page .user-options a i svg,
  .main-dark .video-detail-page .user-options .favourite i svg,
  .main-dark .video-detail-page .user-options .playlist i svg,
  .main-dark .video-detail-page .user-options .thumbs-up i svg,
  .main-dark .video-detail-page .user-options .thumbs-down i svg {
    height: 21px;
  }
  .main-dark .video-detail-page .user-options .playlist-icon {
    width: 28px;
  }
  .main-dark .video-detail-page .video-player {
    height: 20rem;
  }
  .main-dark .video-detail-page .video_category_name,
  .main-dark .video-detail-page .genre_name {
    display: none;
  }
  .main-dark .video-detail-page .vplay-comments h6 span {
    display: inline;
  }
  .main-dark .video-detail-page .vplay-comments .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-dark .video-detail-page .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    margin-left: 0.9375rem;
  }
  .main-dark .video-detail-page .video-content-blk.video-blk-loading {
    padding: 15px;
  }
  .main-dark .video-detail-page .video-content-blk.video-blk-loading .related-videos {
    margin: 0;
  }
  .main-dark .video-detail-page .vplay-comments {
    padding: 15px;
  }
  .main-dark .video-detail-page .vplay-comments .container {
    padding: 0;
  }
  .main-dark .video-detail-page .video-bottom {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0 0;
    margin: 0;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.17);
  }
  .main-dark .video-detail-page .video-bottom .mobile-category,
  .main-dark .video-detail-page .video-bottom .mobile-detail-info.video-data-info {
    display: inline-block;
  }
  .main-dark .video-detail-page .video-bottom .video-con-left {
    width: 100%;
    padding: 0 15px;
  }
  .main-dark .video-detail-page .video-bottom .play-info a {
    margin-bottom: 10px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right {
    width: 100%;
    margin-top: 0%;
    margin-left: 0;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .video-casting-info {
    padding: 0 15px 5px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right span {
    font-size: 14px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right p a {
    font-size: 12px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .user-options {
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px 5px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .user-options a {
    width: auto;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    max-width: 48%;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 32%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 49%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 49%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 32.3%;
    margin: 0.5%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    right: -30px;
    max-width: 170px;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-dark .play-js .play-control-bar {
    height: 6rem;
    margin-bottom: 0;
  }
  .main-dark .play-error .play-error-display:before {
    display: none;
  }
  .main-dark .videos-dimensions.play-error .play-error-display .play-modal-dialog-content {
    margin: 0;
    width: 80%;
  }
  .main-dark .card-payment-popup .card-right {
    width: 100%;
  }
  .main-dark .card-payment-popup .pay-secure-btn {
    width: 100%;
    max-width: 21.5625rem;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo-label {
    margin-top: 0.625rem;
  }
  .main-dark .saved-card-form .added-card-list {
    width: 92%;
  }
  .main-dark .saved-card-form .added-card-list .added-card-details {
    max-width: 100%;
  }
  .main-dark .saved-card-form .added-card-list .added-card-details .added-card {
    width: 100%;
  }
  .main-dark .vplayer-overlay {
    top: 60% !important;
  }
  .main-dark #watermark-logo {
    top: 53% !important;
  }
}
@media (max-width: 650px) {
  .main-dark .checkout .payment-methods h3 {
    margin-bottom: 10px;
  }
  .main-dark .checkout .payment-methods .radios ul {
    margin: 0 -5px;
  }
  .main-dark .checkout .payment-methods .radios ul li {
    padding: 5px;
  }
  .main-dark .checkout .payment-methods .radios .radio-box .card-image img {
    width: 30px;
    margin-right: 10px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-dark .subscription-grid {
    text-align: center;
  }
  .main-dark .pricing .subscription-blk {
    max-width: 100%;
  }
  .main-dark .small-vplay,
  .main-dark .related-videos {
    padding-top: 0;
    margin: 0 0 5px;
  }
  .main-dark .contus-slider-outer {
    padding: 11px 0;
  }
  .main-dark .video-detail-page .video-data-info a {
    display: none;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    padding-top: 40px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-img {
    margin-bottom: 0.9375rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-profile-data {
    margin-left: 0;
    width: 100%;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-tittle {
    position: absolute;
    right: 15px;
    top: 14px;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-tabs-blk .video-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .live-videos-page .video-tabs-blk a {
    padding: 1rem 0.875rem;
    width: 50%;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    max-width: 300px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 120px;
    height: 120px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
    display: block;
    padding: 0 10px;
    white-space: normal;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 32rem);
  }
}
@media (max-width: 600px) {
  .main-dark footer .f-footer .footer-text,
  .main-dark footer .f-footer .app-links {
    width: 50%;
  }
  .main-dark footer .f-footer .footer-text.contact-ul,
  .main-dark footer .f-footer .app-links.contact-ul {
    margin: 0;
  }
  .main-dark footer .f-footer .footer-text .app-store,
  .main-dark footer .f-footer .app-links .app-store {
    margin-bottom: 10px;
  }
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 49%;
  }
}
@media (max-width: 560px) {
  .main-dark .f-row .search-blk.open {
    height: 60px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content p,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content p,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content p,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content p,
  .main-dark .small-vplay .small-slider .slider-item .slider-content .category-text,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .category-text,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .category-text,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .category-text {
    width: 80%;
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .like,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .like,
  .main-dark .small-vplay .small-slider .slider-item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .liked,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .liked {
    width: 16px;
    height: 16px;
    top: unset;
    right: 10px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-img,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 6.875rem;
  }
  .main-dark {
  }
  .main-dark .f-row {
    height: 60px;
  }
  .main-dark .f-row .toggle-menu .mobile-overlay.show {
    display: block;
  }
  .main-dark .f-row .dropdown-menu .personal-menu {
    padding: 10px 0;
  }
  .main-dark .f-row .logo {
    display: inline-block;
  }
  .main-dark .f-row .logo img {
    width: 100%;
  }
  .main-dark .f-row .search-blk i {
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-dark .f-row .search-blk.open i {
    top: 30px;
  }
  .main-dark .f-row .dropdown-profile.open {
    top: 42px;
  }
  .main-dark .f-row .profile-image {
    margin-right: 10px;
  }
  .main-dark .f-row .toggle-profile {
    margin-right: 0;
  }
  .main-dark .f-row .toggle-profile h4 {
    display: none;
  }
  .main-dark {
  }
  .main-dark .banner-background {
    height: 220px;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    width: 3rem;
    height: 3rem;
    margin-top: 0;
    min-width: auto;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 1.5rem;
  }
  .main-dark .banner-slider .banner-content .banner-tittle p {
    font-size: 0.8rem;
  }
  .main-dark {
  }
  .main-dark .app-banner h6 {
    font-size: 28px;
  }
  .main-dark .app-banner p {
    margin: 25px 0;
    line-height: 22px;
  }
  .main-dark .app-banner .social-apps a {
    margin-right: 10px;
    zoom: 0.8;
  }
  .main-dark .tittle-blk h5 {
    padding-right: 10px;
  }
  .main-dark {
  }
  .main-dark .list-view aside {
    width: 50%;
  }
  .main-dark {
  }
  .main-dark .categories-page .categories-list li {
    width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 100%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 46%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 46%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .related-videos-container .item {
    width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .profile-page .profile-right .edit-profile-blk {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .profile-page .profile-right .v-user {
    text-align: center;
    margin-right: 0;
  }
  .main-dark .profile-page .profile-right .v-user .v-user-image {
    margin: auto;
  }
  .main-dark .profile-page .profile-right .user-note {
    width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
    margin: 15px 0 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 15px 0 0;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 48%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark footer .footer-text {
    width: 50%;
  }
  .main-dark .login-signup-modal .modal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 55px);
  }
  .main-dark .card-payment-popup .added-card-list {
    margin: 0;
  }
  .main-dark .card-payment-popup .added-card {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 480px) {
  .main-dark .checkout .product-details .image-description {
    padding: 25px 15px;
  }
  .main-dark .checkout .product-details .views-price {
    padding: 14px 15px;
  }
  .main-dark .checkout .payment-methods .radios ul li {
    width: 50%;
  }
  .main-dark .contact-us .contact-us-content .left-side .one-set {
    width: 100%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 99%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 210px;
    right: 0;
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content,
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-content,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-content {
    padding: 10px;
  }
  .main-dark .new-vplay .portrait-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .new-vplay .portrait-slider .item .slider-content,
  .main-dark .new-vplay .portrait-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .new-vplay .portrait-slider .item .slider-content {
    padding: 10px 35px 10px 10px;
  }
  .main-dark {
  }
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark footer .f-footer .footer-text {
    width: 100%;
    margin-left: 5% !important;
    margin-bottom: 20px;
  }
  .main-dark footer .f-footer .footer-text.contact-ul {
    margin-bottom: 20px;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 48%;
    margin: 1%;
  }
  .main-dark .list-view aside {
    width: 75%;
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 100%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .play-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .video-detail-page .play-info a {
    margin-bottom: 10px;
  }
  .main-dark .video-detail-page .play-info .get-premium-btn {
    padding: 7px;
    text-transform: uppercase;
    background: #f16c1f;
    color: #fff;
    border-radius: 3px;
    width: auto;
    font-size: 12px;
    text-align: center;
  }
  .main-dark .video-detail-page .video-data-info {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .video-data-info span {
    margin-right: 20px;
  }
  .main-dark .video-detail-page .video-data-info span:nth-child(2) {
    display: none;
  }
  .main-dark {
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    width: 23rem;
    right: -75px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown:before {
    right: 70px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    padding: 1.25rem 1.25rem;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.admin_msg:before {
    left: 1%;
  }
  .main-dark .my-account-page .account-container .account-grid {
    margin: 0 0 15px;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .login-signup-modal .form-control input {
    height: 3em;
  }
  .main-dark .f-row .lang-toggle .lang-select .lang-down-arrow {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 390px) {
  .main-dark .payment-page {
    padding: 30px 0;
  }
  .main-dark .payment-page .payment-container .payment-head {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
  }
  .main-dark .payment-page .payment-container .payment-head .playment-head-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: auto;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-dark .payment-page .payment-container .payment-body {
    margin-bottom: 0;
  }
  .main-dark .payment-page .payment-container .payment-body ul {
    display: block;
  }
  .main-dark .payment-page .payment-container .payment-body li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .payment-page .payment-container .payment-body li label {
    width: 50%;
  }
  .main-dark {
  }
  .main-dark footer .f-footer ul {
    width: 100%;
  }
  .main-dark .slider-item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
    right: -20px;
  }
  .main-dark .f-row {
    padding: 0 10px;
  }
}
.main-dark {
}
@media only screen and (min-width: 320px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main-dark .live-banner .player {
    height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 1310px) and (min-width: 1190px) {
  .main-dark .contact-ul {
    width: 20%;
  }
}
@media screen and (max-width: 1190px) and (min-width: 768px) {
  .main-dark .contact-links,
  .main-dark .app-links {
    width: 100% !important;
  }
  .main-dark ul.footer-text.links-text::after {
    top: 145px;
  }
  .main-dark .links-text {
    width: 30% !important;
  }
  .main-dark footer .s-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1370px) and (min-width: 1100px) {
  .main-dark .playlist-all .item,
  .main-dark .admin-playlist-slider .item,
  .main-dark .grids .item,
  .main-dark .search-gener .item,
  .main-dark .web_series #webseries .item,
  .main-dark .web_series_detail .web-series-card .item {
    width: 24% !important;
  }
  .main-dark .playlist-all .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item,
  .main-dark .playlist-all .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .playlist-all .item,
  .main-dark .admin-playlist-slider .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item,
  .main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item,
  .main-dark .grids .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .grids .item,
  .main-dark .grids .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .grids .item,
  .main-dark .search-gener .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .search-gener .item,
  .main-dark .search-gener .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .search-gener .item,
  .main-dark .web_series #webseries .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series #webseries .item,
  .main-dark .web_series #webseries .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series #webseries .item,
  .main-dark .web_series_detail .web-series-card .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .web-series-card .item,
  .main-dark .web_series_detail .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series_detail .web-series-card .item {
    width: 100% !important;
    height: auto !important;
  }
  .main-dark .playlist-all .slider-img,
  .main-dark .admin-playlist-slider .slider-img,
  .main-dark .grids .slider-img,
  .main-dark .search-gener .slider-img,
  .main-dark .web_series #webseries .slider-img,
  .main-dark .web_series_detail .web-series-card .slider-img {
    height: auto !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-dark .watermark-logo {
    left: 40% !important;
  }
  .main-dark .watermark-logo2 {
    left: 64% !important;
  }
  .main-dark .vplayer-overlay {
    top: 70% !important;
  }
}
.main-dark {
}
.main-dark .share-popup.share-modern {
  max-width: 480px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
.main-dark .share-popup.share-modern .share-tittle {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.main-dark .share-popup.share-modern .share-tittle h4 {
  font-size: 18px;
  text-transform: capitalize;
  color: #0f0f0f;
  font-weight: 600;
}
.main-dark .share-popup.share-modern .share-content {
  padding: 16px 20px 4px;
}
.main-dark .share-popup.share-modern .share-content .share-movie {
  display: flex;
  align-items: center;
}
.main-dark .share-popup.share-modern .share-content .share-movie span {
  width: auto;
  flex: 1;
  font-size: 15px;
  line-height: 1.35;
  color: #0f0f0f;
  max-height: 41px;
  overflow: hidden;
}
.main-dark .share-popup.share-modern .share-content .share-movie-img {
  width: 120px !important;
  height: 68px !important;
  object-fit: cover;
  margin-right: 14px;
  flex: 0 0 auto;
  background: #eee;
}
.main-dark .share-popup.share-modern {
}
.main-dark .share-popup.share-modern .share-options {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 14px 20px 6px;
  -webkit-overflow-scrolling: touch;
}
.main-dark .share-popup.share-modern .share-options::-webkit-scrollbar {
  height: 4px;
}
.main-dark .share-popup.share-modern .share-options::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 4px;
}
.main-dark .share-popup.share-modern .share-opt {
  flex: 0 0 auto;
  width: 68px;
  padding: 0;
  margin-right: 6px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
}
.main-dark .share-popup.share-modern .share-opt:last-child {
  margin-right: 0;
}
.main-dark .share-popup.share-modern .share-opt:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-opt:hover .share-opt-icon {
  transform: scale(1.07);
}
.main-dark .share-popup.share-modern .share-opt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 6px;
  border-radius: 50%;
  color: #fff;
  background: #606060;
  transition: transform ease 0.2s;
}
.main-dark .share-popup.share-modern .share-opt-icon svg {
  width: 24px;
  height: 24px;
}
.main-dark .share-popup.share-modern .share-opt-icon.whatsapp {
  background: #25d366;
}
.main-dark .share-popup.share-modern .share-opt-icon.facebook {
  background: #1877f2;
}
.main-dark .share-popup.share-modern .share-opt-icon.twitter {
  background: #000;
}
.main-dark .share-popup.share-modern .share-opt-icon.telegram {
  background: #229ed9;
}
.main-dark .share-popup.share-modern .share-opt-icon.email {
  background: #ea4335;
}
.main-dark .share-popup.share-modern .share-opt-icon.copy {
  background: #5f6368;
}
.main-dark .share-popup.share-modern .share-opt-icon.more {
  background: #3f3f3f;
}
.main-dark .share-popup.share-modern .share-opt-label {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #606060;
  word-break: break-word;
}
.main-dark .share-popup.share-modern {
}
.main-dark .share-popup.share-modern .share-link-row {
  display: flex;
  align-items: center;
  margin: 8px 20px 18px;
  padding: 4px 4px 4px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  background: #f7f7f7;
}
.main-dark .share-popup.share-modern .share-link-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 8px 8px 8px 0;
  font-size: 14px;
  color: #0f0f0f;
  text-overflow: ellipsis;
}
.main-dark .share-popup.share-modern .share-link-input:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-copy-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 20px;
  padding: 9px 18px;
  background: #065fd4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background ease 0.2s;
}
.main-dark .share-popup.share-modern .share-copy-btn:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-copy-btn:hover {
  background: #0552b5;
}
.main-dark .share-popup.share-modern .share-copy-btn.copied {
  background: #0f9d58;
}
@media only screen and (max-width: 767px) {
  .main-dark .share-popup.share-modern {
    max-width: 94%;
    border-radius: 12px;
  }
  .main-dark .share-popup.share-modern .share-tittle {
    padding: 14px 16px;
  }
  .main-dark .share-popup.share-modern .share-content {
    padding: 14px 16px 2px;
  }
  .main-dark .share-popup.share-modern .share-content .share-movie-img {
    width: 96px !important;
    height: 56px !important;
    margin-right: 12px;
  }
  .main-dark .share-popup.share-modern .share-content .share-movie span {
    font-size: 14px;
  }
  .main-dark .share-popup.share-modern .share-options {
    padding: 12px 16px 6px;
  }
  .main-dark .share-popup.share-modern .share-opt {
    width: 62px;
  }
  .main-dark .share-popup.share-modern .share-opt-icon {
    width: 44px;
    height: 44px;
  }
  .main-dark .share-popup.share-modern .share-opt-icon svg {
    width: 22px;
    height: 22px;
  }
  .main-dark .share-popup.share-modern .share-opt-label {
    font-size: 11px;
  }
  .main-dark .share-popup.share-modern .share-link-row {
    margin: 8px 16px 16px;
    padding-left: 12px;
  }
  .main-dark .share-popup.share-modern .share-copy-btn {
    padding: 8px 14px;
  }
}
.main-dark .tittle-blk .publish-date-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 14px;
  border: 1px solid rgba(251, 133, 65, 0.6);
  border-radius: 20px;
  font-size: 14px !important;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.main-dark .tittle-blk .publish-date-toggle svg {
  flex: 0 0 auto;
}
.main-dark .tittle-blk .publish-date-toggle:hover,
.main-dark .tittle-blk .publish-date-toggle.active {
  background: rgb(251, 133, 65);
  color: #fff !important;
}
@media (max-width: 767px) {
  .main-dark .tittle-blk .publish-date-toggle {
    padding: 6px 10px;
  }
  .main-dark .tittle-blk .publish-date-toggle span {
    display: none;
  }
}
.main-dark .delete-account-page,
.main-dark .da-request {
  color: #cacaca;
}
.main-dark .delete-account-page h1,
.main-dark .delete-account-page h2,
.main-dark .delete-account-page h3,
.main-dark .delete-account-page strong,
.main-dark .da-request h1,
.main-dark .da-request h2,
.main-dark .da-request h3,
.main-dark .da-request strong {
  color: #fff;
}
.main-dark .home_logo {
  display: block !important;
}
.main-dark .default_logo {
  display: none !important;
}
.main-dark .edit-data svg {
  fill: #ccc;
}
.main-dark img.light-theme-icon {
  display: none;
}
.main-dark {
}
.main-dark .button-gradient,
.main-light .payment-page .payment-container .payment-btns .main-dark a:hover,
.main-light .card-payment-popup .main-dark .pay-secure-btn,
.main-light .card-payment-popup .main-dark .back-btn,
.main-light .pricing .single-subscription .main-dark .subscribe:hover,
.main-light .profile-page .profile-right .profile-dashboard label .main-dark span,
.main-light .vplay-comments .main-dark .cmt-submit,
.main-light .video-detail-page .play-info .main-dark .play-btn,
.main-light .contact-us .contact-us-content .left-side .button .main-dark .submit,
.main-light .reset-password form .main-dark .reset-btn,
.main-light .login-signup-modal .main-dark .signin.active,
.main-light .f-row .notification-blk .notification-dropdown .main-dark .clear-all,
.main-light .crop-popup .main-dark h5,
.main-light .create-playlist-popup .create-new-playlist .main-dark button,
.main-dark .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .cancel-btn,
.main-light .vplay-comments .main-dark .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .see-more,
.main-dark .create-playlist-popup .create-new-playlist button,
.main-dark .crop-popup h5,
.main-dark .back_btn,
.main-dark .f-row .notification-blk .notification-dropdown .clear-all,
.main-dark .login-signup-modal .signin.active,
.main-dark .reset-password form .reset-btn,
.main-dark .contact-us .contact-us-content .left-side .button .submit,
.main-dark .video-detail-page .play-info .play-btn,
.main-dark .video-detail-page .see-more-blk .see-more,
.main-dark .vplay-comments .load-more,
.main-dark .vplay-comments .cmt-submit,
.main-dark .profile-page .profile-right .profile-dashboard label span,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .pricing .single-subscription .subscribe:hover,
.main-dark .card-payment-popup .back-btn,
.main-dark .card-payment-popup .pay-secure-btn,
.main-dark .payment-page .payment-container .payment-btns a:hover {
  color: #fff;
  background: #FB8541;
  background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
  background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background:
    linear-gradient(
      to right,
      #FB8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-dark {
}
.main-dark html {
  font-size: 16px;
  -webkit-text-size-adjust: auto;
  -ms-text-size-adjust: 16px;
}
.main-dark {
}
.main-dark .wave {
  position: relative;
  overflow: hidden;
}
.main-dark .wave:hover,
.main-dark .wave:focus {
  color: #fff;
}
.main-dark .wave:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.main-dark .wave:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.main-dark .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .cancel-btn,
.main-light .vplay-comments .main-dark .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .see-more,
.main-dark .video-detail-page .see-more-blk .see-more,
.main-dark .vplay-comments .load-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn {
  display: inline-block;
  text-align: center;
  border: 0;
  font-size: 1.0625rem;
  font-family: "Notosans-medium";
  letter-spacing: 1px;
  padding: 0.9375rem 1.25rem;
  border-radius: 0.25rem;
  width: 16.25rem;
  cursor: pointer;
}
.main-dark {
}
.main-dark .playlist-item {
  border-radius: 0.1875rem;
  overflow: hidden;
  box-shadow: 1px 1px 15px 0 #c3c3c3;
}
.main-dark .playlist-item .playlist-img {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 10.75rem;
  position: relative;
}
.main-dark .playlist-item .play-overlay {
  position: absolute;
  width: 40%;
  height: 100%;
  right: 0;
  background: rgba(4, 3, 3, 0.61);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-right-radius: 3px;
}
.main-dark .playlist-item .play-overlay .count-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-dark .playlist-item .play-overlay .count-playlist svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
.main-dark .playlist-item .play-overlay .count-playlist-num {
  color: #fff;
  font-size: 1.0625rem;
  font-family: "Notosans";
  margin-right: 8px;
  padding-bottom: 5px;
}
.main-dark .playlist-item .play-content {
  background: #fff;
  width: 100%;
  padding: 0 1.5625rem 0 0.9375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 3.4375rem;
}
.main-dark .playlist-item .play-content .add-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-dark .playlist-item .play-content .add-playlist svg {
  transform: scale(0.5);
  transition: all ease 0.4s;
}
.main-dark .playlist-item .play-content .add-playlist .add {
  width: 25px;
  height: 25px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-dark .playlist-item .play-content .add-playlist .added {
  height: 28px;
  width: 30px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-dark {
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 1px 5px 0 rgba(152, 152, 152, 0);
  cursor: pointer;
  background: #14253d;
}
.main-dark .slider-item.zindex,
.main-light .profile-page .profile-right .history .history-container .main-dark .zindex.item,
.main-dark .profile-page .profile-right .history .history-container .zindex.item {
  z-index: 2;
}
.main-dark .slider-item:hover .like-box,
.main-light .profile-page .profile-right .history .history-container .main-dark .item:hover .like-box,
.main-dark .profile-page .profile-right .history .history-container .item:hover .like-box {
  transform: scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all ease 0.4s;
}
.main-dark .slider-item.cardOverlay .slider-img:before,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .slider-img:before,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .slider-img:before {
  content: "";
  background: #14253d;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.main-dark .slider-item.cardOverlay .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .play-video,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .play-video {
  background: url("./media/live-streaming-CHHBQRKA.svg") no-repeat;
  visibility: visible;
  opacity: 1;
  width: 5.3125rem;
  height: 3.125rem;
  background-size: 4.6875rem 3.125rem;
}
.main-dark .slider-item.cardOverlay .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .main-dark .cardOverlay.item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .cardOverlay.item .slider-content .live-icon {
  display: none;
}
.main-dark .slider-item .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .item .play-video {
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0;
  visibility: hidden;
  transition: ease all 0.3s;
}
.main-dark .slider-item .like-box,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like-box,
.main-dark .profile-page .profile-right .history .history-container .item .like-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.49);
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
}
.main-dark .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like,
.main-dark .profile-page .profile-right .history .history-container .item .like,
.main-dark .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .liked,
.main-dark .profile-page .profile-right .history .history-container .item .liked {
  background-repeat: no-repeat;
  background-size: contain;
  width: 17px !important;
  height: 17px;
  display: inline-block;
}
.main-dark .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .like,
.main-dark .profile-page .profile-right .history .history-container .item .like {
  background-image: url("./media/white-like-6F2AHPH6.svg");
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .liked,
.main-dark .profile-page .profile-right .history .history-container .item .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .slider-item .slider-img,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  overflow: visible;
  min-height: 8.4375rem;
  display: block;
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.main-dark .slider-item .slider-img.as-bg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-img.as-bg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-img.as-bg {
  height: 13.4375rem;
}
.main-dark .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .item img,
.main-dark .profile-page .profile-right .history .history-container .item img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-dark .slider-item .premium-tag,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .premium-tag,
.main-dark .profile-page .profile-right .history .history-container .item .premium-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark .slider-item .free-tag,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .free-tag,
.main-dark .profile-page .profile-right .history .history-container .item .free-tag {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 11px;
  border-radius: 0px;
  padding: 1px 6px;
  vertical-align: middle;
  background: #288e81;
  font-family: "Notosans-bold";
}
.main-dark .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content {
  position: relative;
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 80px;
}
@media (max-width: 800px) {
  .main-dark .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content {
    height: 65px;
  }
}
.main-dark .slider-item .slider-content p,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content p,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content p {
  font-family: "Notosans";
  color: #cacaca;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  text-align: left;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.main-dark .slider-item .slider-content .category-text,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .category-text,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .category-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .slider-item .slider-content .live-concert,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-concert,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-concert {
  font-family: "Notosans";
  font-size: 0.875rem;
}
.main-dark .slider-item .slider-content .time,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .time,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .time {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  font-family: "Notosans";
  white-space: nowrap;
}
.main-dark .slider-item .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-icon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
}
.main-dark .slider-item .slider-content .live-icon svg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .live-icon svg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .live-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .slider-item .slider-content .video-options,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark .slider-item .slider-content .video-options svg,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options svg,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options svg {
  width: 1.0625rem;
  height: 1.0625rem;
  display: block;
}
.main-dark .video-option-list {
  position: absolute;
  right: 0.625rem;
  bottom: 100%;
  width: 9.375rem;
  border-radius: 2px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4);
  transform-origin: bottom right;
  box-shadow: 0px 3px 6px 0 rgba(152, 152, 152, 0);
  transition: all ease 0.4s;
  z-index: 2;
}
.main-dark .video-option-list.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform-origin: bottom right;
  transition: all ease 0.3s;
}
.main-dark .video-option-list ul {
  padding: 5px 0;
  background: #14253d;
}
.main-dark .video-option-list li {
  padding: 0.25rem 0.9375rem;
  cursor: pointer;
}
.main-dark .video-option-list li a {
  color: #e4e4e4;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .video-option-list li a i {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.main-dark .video-option-list li a .share-icon {
  background-image: url("./media/share-SJB2O7GV.svg");
  width: 15px;
  height: 15px;
}
.main-dark .video-option-list li a .playlist-icon {
  background-image: url("./media/add-playlist-RXBEJN7L.svg");
  width: 18px;
  height: 18px;
}
.main-dark .video-option-list li:hover {
  background: #091c34;
}
.main-dark .video-option-list li:hover {
  background: #091c34;
}
.main-dark .modal-open {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main-dark .share-popup {
  position: fixed;
  max-width: 26.25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.625rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .share-popup.close {
  display: none;
}
.main-dark .share-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .share-popup .share-tittle {
  position: relative;
  padding: 1rem 0.625rem 1rem 2.5rem;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .share-popup .share-tittle .close {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.main-dark .share-popup h4 {
  color: #5b5b5b;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.main-dark .share-popup .share-content {
  padding: 1.25rem 2.5rem;
}
.main-dark .share-popup .share-content .share-movie {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .share-popup .share-content .share-movie span {
  color: #2d2d2d;
  font-size: 1.1875rem;
  font-family: "Notosans";
  display: inline-block;
  width: 66%;
  word-break: break-word;
  white-space: normal;
}
.main-dark .share-popup .share-content .share-embed textarea {
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  resize: none;
  border: none;
  border-bottom: 1px solid #262626;
}
.main-dark .share-popup .share-content .share-embed textarea:focus {
  outline: none;
  border-bottom: 1px solid #27caf0;
}
.main-dark .share-popup .share-content .share-embed textarea:disabled {
  background: #fff;
}
.main-dark .share-popup .share-content .share-embed .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .share-popup .share-content .share-embed .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .share-popup .share-content .share-embed .cancel-btn,
.main-light .vplay-comments .main-dark .share-popup .share-content .share-embed .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .share-popup .share-content .share-embed .see-more,
.main-dark .share-popup .share-content .share-embed .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .share-popup .share-content .share-embed .see-more,
.main-dark .share-popup .share-content .share-embed .vplay-comments .load-more,
.main-dark .vplay-comments .share-popup .share-content .share-embed .load-more,
.main-dark .share-popup .share-content .share-embed .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .change-password .share-popup .share-content .share-embed .cancel-btn,
.main-dark .share-popup .share-content .share-embed .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .share-popup .share-content .share-embed .cancel-btn {
  width: 100px;
  padding: 8px;
  font-size: 13px;
}
.main-dark .share-popup .share-content .share-embed .se-cancel {
  background: #c1c1c1;
  margin-right: 10px;
}
.main-dark .share-popup .share-content .share-movie-img {
  background-repeat: no-repeat;
  background-position: unset;
  background-size: 100%;
  display: inline-block;
  width: 219px !important;
  height: 94px !important;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 1.125rem;
}
.main-dark .share-popup .share-footer {
  padding: 0.75rem 2.5rem;
  border-top: 1px solid #ccc;
}
.main-dark .share-popup .share-footer span {
  color: #5b5b5b;
  margin-right: 0.9375rem;
}
.main-dark .share-popup .share-footer a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.main-dark .share-popup .share-footer a.fb {
  background-image: url("./media/S-fb-AY36X6SY.svg");
}
.main-dark .share-popup .share-footer a.tw {
  background-image: url("./media/S-tw-QZJ3PXAD.svg");
}
.main-dark .share-popup .share-footer a.gp {
  background-image: url("./media/S-gp-Z7IIMXKS.svg");
}
.main-dark .share-popup .share-footer a.link {
  background-image: url("./media/link-3QIUFFLW.svg");
  width: 40px;
  height: 40px;
}
.main-dark .share-popup .share-footer a.embed {
  background-image: url("./media/embed-XTYOYJ7F.svg");
  width: 35px;
  height: 35px;
}
.main-dark .share-popup .share-footer a:last-child {
  margin-right: 0;
}
.main-dark .create-playlist-popup {
  position: fixed;
  max-width: 25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.4375rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-popup .close-playlist {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-dark .create-playlist-popup .close-playlist svg {
  width: 11px;
  height: 11px;
}
.main-dark .create-playlist-popup .close-playlist svg path {
  fill: #000;
}
.main-dark .create-playlist-popup .create-new-playlist {
  padding: 1.5625rem 0.625rem;
  text-align: center;
  position: relative;
}
.main-dark .create-playlist-popup .create-new-playlist button {
  padding: 0rem 1.5625rem;
  border: 0;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  line-height: 2.375rem;
  -webkit-border-radius: 2.375rem;
  -moz-border-radius: 2.375rem;
  -ms-border-radius: 2.375rem;
  border-radius: 2.375rem;
}
.main-dark .create-playlist-popup .create-new-playlist span {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  color: #afafaf;
  font-family: "Notosans";
  font-size: 0.9375rem;
  background: #fff;
  width: max-content;
  margin: auto;
  padding: 0 0.625rem;
}
.main-dark .create-playlist-popup .create-playlist-content {
  padding-top: 10px;
}
.main-dark .create-playlist-popup .create-playlist-list {
  padding: 1.25rem 1.875rem 0.9375rem;
  max-height: 240px;
  overflow: auto;
}
.main-dark .create-playlist-popup label {
  color: #393939;
  font-size: 1rem;
  font-family: "Notosans";
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.625rem;
  cursor: pointer;
}
.main-dark .create-playlist-popup label span {
  flex: 1;
  width: 50%;
}
.main-dark .create-playlist-popup label:hover {
  background: #f3f3f3;
}
.main-dark .create-playlist-popup label .checkbox {
  height: 15px;
  width: 15px;
  border-radius: 2px;
  border: 1px solid #919292;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .create-playlist-popup label .checkbox:checked {
  background-color: #f16c1f;
  height: 15px;
  width: 15px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .create-playlist-name-popup {
  position: fixed;
  max-width: 15.3125rem;
  width: 100%;
  margin: 0 auto;
  padding: 0.9375rem;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.1875rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-name-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .create-playlist-name-popup .common-error {
  margin-bottom: 0.625rem;
}
.main-dark .create-playlist-name-popup .input-group {
  position: relative;
}
.main-dark .create-playlist-name-popup .input-group input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #ccc;
  padding: 5px 0;
  font-family: "Notosans";
  color: #000;
}
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill:hover,
.main-dark .create-playlist-name-popup .input-group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill:hover,
.main-dark .create-playlist-name-popup .input-group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-dark .create-playlist-name-popup .input-group .form-text.error {
  color: #e03b3b;
  font-size: 0.75rem;
}
.main-dark .create-playlist-name-popup .create-playlist-btns {
  text-align: right;
  padding: 0.9375rem 0 0 0;
}
.main-dark .create-playlist-name-popup .create-playlist-btns button {
  background: transparent;
  font-family: "Notosans-medium";
  border: 0;
  color: #4f4f4f;
  cursor: pointer;
}
.main-dark .create-playlist-name-popup .create-playlist-btns .cancel {
  margin-right: 1.25rem;
}
.main-dark .crop-popup {
  position: fixed;
  max-width: 25rem;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20%;
  background: #fff;
  z-index: 9;
  border-radius: 0.1875rem;
  padding-bottom: 1.875rem;
  text-align: center;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  transition: all ease 0.5s;
}
.main-dark .crop-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .crop-popup h5 {
  padding: 0.9375rem 1.375rem;
  text-align: left;
}
.main-dark .crop-popup h5 svg {
  vertical-align: middle;
}
.main-dark .crop-popup .cancel {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.main-dark .crop-popup .crop-image {
  max-height: 21.875rem;
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 1.25rem;
  padding-bottom: 0;
  overflow: auto;
  position: relative;
}
.main-dark .crop-popup .crop-image img {
  position: relative !important;
  z-index: 999;
}
.main-dark .crop-popup .crop-image .cropper {
  z-index: 999;
}
.main-dark .crop-popup .crop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  right: 1.875rem;
  bottom: 0.625rem;
  z-index: 1000;
  background: #48d04d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(49, 48, 48, 0.5);
  cursor: pointer;
}
.main-dark .crop-popup .crop svg {
  vertical-align: middle;
}
.main-dark .load-more-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  margin: 1.25rem 0;
}
.main-dark .load-more-blk .loading {
  display: block;
}
.main-dark .load-more-blk .loading svg {
  width: 45px;
  height: 45px;
}
.main-dark .flowplayer .fp-message.fp-shown {
  background: rgba(0, 0, 0, 0.57) url("./media/novideo-gif-ZPIFFU7M.gif");
  background-blend-mode: color-dodge;
  height: 100%;
  text-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 3;
  padding: 0;
}
.main-dark .fp-play-rounded-fill {
  display: none !important;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn {
  display: inline-block;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat !important;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn:before {
  display: none;
}
.main-dark .fp-play.fp-visible .fp-icon.fp-playbtn svg {
  display: none;
}
.main-dark .play-js.play-fullscreen {
  position: relative;
  z-index: 0 !important;
}
.main-dark .common-error {
  display: inline-block;
  padding: 0.625rem 1.25rem;
  background:
    linear-gradient(
      60deg,
      #d22824,
      #da3a36);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  padding-right: 23px;
  white-space: normal;
}
.main-dark .common-error.success {
  color: #fff;
  background:
    linear-gradient(
      60deg,
      #288c6c,
      #4ea752);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.main-dark .common-error.block {
  display: block;
}
.main-dark .common-error.none {
  display: none;
}
.main-dark .common-error .close {
  color: #fff;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 8px;
  font-size: 11px !important;
  height: 13px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.main-dark #toast-container .toast-message {
  font-size: 1rem;
  font-family: "Notosans" !important;
}
.main-dark .banner-background {
  height: 17.5rem;
  display: block;
  position: relative;
  overflow: hidden;
  background: #14253d;
}
.main-dark .skeleton-loader h5 {
  width: 175px;
  height: 25px;
  display: inline-block;
  background: #252a30;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.main-dark .skeleton-loader h5.shimmer:before {
  width: 20px;
  height: 50px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-dark .skeleton-loader .shimmer.slider-content {
  background: #14253d;
  overflow: hidden;
}
.main-dark .skeleton-loader .shimmer.slider-content:before {
  width: 10px;
  height: 85px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-dark .skeleton-loader p {
  background: rgba(255, 255, 255, 0.5019607843);
  width: 100%;
  height: 15px;
  border-radius: 2px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.main-dark .skeleton-loader span {
  background: rgba(255, 255, 255, 0.5019607843);
  max-width: 60%;
  height: 15px;
  display: inline-block;
  border-radius: 2px;
  position: relative;
  z-index: 2;
}
.main-dark .skeleton-loader .contus-slider {
  display: inline-block;
}
.main-dark .skeleton-loader .contus-slider .item {
  width: 20%;
  margin: 0 0 20px 0;
  padding: 0 5px;
}
@media (max-width: 1000px) {
  .main-dark .skeleton-loader .contus-slider .item {
    max-width: 33.33%;
  }
}
@media (max-width: 1000px) {
  .main-dark .skeleton-loader .contus-slider .item {
    max-width: 50%;
  }
}
.main-dark .shimmer:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 120px;
  height: 600px;
  opacity: 0.6;
  box-shadow: 0 0 20px 20px transparent;
  display: inline-block;
  perspective: 150px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  animation: shimmer ease;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes shimmer {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.main-dark svg.success {
  width: 40px;
  display: block;
  margin: 0 auto;
  padding: 5px;
}
.main-dark .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.main-dark .path.circle {
  -webkit-animation: dash 2s ease-in-out infinite forwards;
  animation: dash 2s ease-in-out infinite forwards;
}
.main-dark .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.main-dark .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1s 0.35s ease-in forwards;
  animation: dash-check 1s 0.35s ease-in forwards;
  animation-delay: 1s;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.main-dark .getting-data-loader .bar {
  width: 60px;
  height: 20px;
}
.main-dark .getting-data-loader .bar {
  position: absolute;
  display: flex;
  align-items: center;
}
.main-dark .getting-data-loader .bar::before,
.main-dark .getting-data-loader .bar::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  background: #b9e0ff;
  clip-path: polygon(50% 19%, 0 76%, 100% 76%);
  opacity: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  animation: slideright 2s ease-in-out infinite;
}
.main-dark .getting-data-loader .bar1::before {
  animation-delay: 0s;
  transform: rotate(15deg);
}
.main-dark .getting-data-loader .bar1::after {
  animation-delay: 0.2s;
  transform: rotate(35deg);
}
.main-dark .getting-data-loader .bar2::before {
  animation-delay: 0.4s;
  transform: rotate(55deg);
}
.main-dark .getting-data-loader .bar2::after {
  animation-delay: 0.6s;
  transform: rotate(75deg);
}
.main-dark .getting-data-loader .bar3::before {
  animation-delay: 0.8s;
  transform: rotate(95deg);
}
.main-dark .getting-data-loader .bar3::after {
  animation-delay: 1s;
  transform: rotate(115deg);
}
@-webkit-keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
@keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
.main-dark .no-video-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 26.25rem;
}
.main-dark .no-video-blk h4 {
  font-size: 1.5625rem;
  font-family: "Notosans";
  color: #a9a8a8;
  padding: 1.875rem 0;
  text-align: center;
}
.main-dark .mobile-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease;
}
.main-dark .online-toast {
  color: #fff;
  background: #5f5c5c;
  width: 300px;
  text-align: center;
  padding: 20px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 35px;
  font-size: 0.875rem;
}
.main-dark .close-popup {
  position: absolute;
  right: 10px;
  top: 5px;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-dark .close-popup svg {
  width: 12px;
  height: 12px;
}
.main-dark app-player.video-player-center,
.main-dark .video-player-center {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark app-player.video-player-center.title-grd:before,
.main-dark .video-player-center.title-grd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgb(0, 0, 0) 0%,
      rgba(0, 0, 0, 0.55) 20%,
      rgba(0, 0, 0, 0) 100%);
  z-index: 5;
}
.main-dark app-player.video-player-center.title-grd.rem-name:before,
.main-dark .video-player-center.title-grd.rem-name:before {
  display: none;
}
.main-dark app-player.video-player-center .movie-title,
.main-dark .video-player-center .movie-title {
  margin-left: 20px;
  z-index: 5;
}
.main-dark app-player.video-player-center .movie-title h2,
.main-dark .video-player-center .movie-title h2 {
  color: #fff;
  font-family: "Notosans-bold";
  font-size: 1.375rem;
}
.main-dark app-player.video-player-center .movie-title h3,
.main-dark .video-player-center .movie-title h3 {
  color: #fff;
  font-family: "Notosans";
  font-size: 1rem;
  padding-top: 10px;
}
.main-dark .video-cs-blk {
  position: absolute;
  top: 30px;
  left: 5%;
  display: flex;
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .next-video {
  position: absolute;
  bottom: 25px;
  right: 160px;
  font-size: 1rem;
  z-index: 9;
  padding: 5px 20px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  transition: all ease 0.3s;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .next-video:hover {
  color: #19b4d7;
}
.main-dark .next-video:hover svg {
  fill: #19b4d7;
}
.main-dark .next-video svg {
  width: 10px;
  height: 10px;
  fill: #ffffff;
  margin-left: 10px;
}
.main-dark .back_btn {
  position: relative;
  display: block;
  border-radius: 100%;
  width: 2.8125rem;
  height: 2.8125rem;
  z-index: 6;
  cursor: pointer;
}
.main-dark .back_btn svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-dark .back_btn:hover .back_btn_tooltip {
  visibility: visible;
  opacity: 1;
  margin-left: 20px;
  transition: margin-left 0.3s ease;
}
.main-dark .back_btn .back_btn_tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 30px;
  color: #fff;
  white-space: nowrap;
  background: #171717;
  padding: 7px 10px;
  transform: translateY(-50%);
  font-size: 0.95rem;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: margin-left 0.3s ease;
}
.main-dark .back_btn .back_btn_tooltip:before {
  content: "";
  width: auto;
  border-right: 10px solid #171717;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -10px;
}
.main-dark .countdown-blk {
  position: relative;
  height: 31.25rem;
  overflow: hidden;
}
.main-dark .countdown-blk {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-dark .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-dark .countdown-blk .countdown div {
  border: 1px #29b6f6 solid;
  padding: 10px;
  background: #29b6f6;
  border-radius: 2px;
  opacity: 1;
  margin: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
}
.main-dark .countdown-blk strong {
  font-size: 2.75rem;
  height: 6.25rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: #27caf0;
  text-align: center;
}
.main-dark .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 10rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .live-now-tag,
.main-dark .premium-tag {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  border-radius: 2px;
  display: inline-block;
  padding: 4px 10px;
  vertical-align: middle;
}
.main-dark .live-now-tag {
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-dark .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark {
}
.main-dark .contus-slider {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.main-dark .owl-nav button {
  webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  background: none;
  cursor: pointer;
}
.main-dark .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content {
  text-align: left;
}
.main-dark .contus-slider-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 1.25rem 5px;
}
.main-dark .cs-slider {
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.main-dark .cs-slider .item {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
@media (min-width: 1601px) {
  .main-dark .cs-slider .item {
    max-height: 300px;
  }
}
.main-dark .cs-slider .item.row-last-item .video-card-trailer {
  left: -106% !important;
}
.main-dark .cs-slider .item.row-last-item:hover .video-card-trailer {
  opacity: 1;
  visibility: hidden;
  transform: scale(1.9);
}
.main-dark .cs-slider .item:hover .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .cs-slider .item:hover .slider-item.notrailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .notrailer.item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .notrailer.item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .notrailer.item {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .cs-slider .item:hover .slider-item.expand,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .expand.item,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .expand.item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .expand.item {
  transform: scale3d(1.7, 1.7, 1) translate3d(19%, 0px, 0px) perspective(480px);
}
.main-dark .cs-slider .item:hover .slider-item .play-video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .play-video,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .play-video {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark .cs-slider .item:hover .slider-item .slider-img .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .slider-img .video-card-trailer,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .slider-img .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .slider-img .video-card-trailer {
  display: block;
}
.main-dark .cs-slider .item:hover .slider-item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .video-card-trailer,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.main-dark .cs-slider .item .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  position: relative;
  max-height: 270px;
}
@media (min-width: 1601px) {
  .main-dark .cs-slider .item .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item,
  .main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item {
    max-height: 300px;
  }
}
.main-dark .cs-slider .item .slider-item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer {
  position: absolute;
  top: 0;
  left: 0%;
  transform: scale(0.5);
  width: 150%;
  height: 100%;
  background: #061323;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .image-wrapper,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .image-wrapper,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .image-wrapper,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .image-wrapper {
  position: relative;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .duration,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .duration,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .duration,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .duration {
  margin: 16px 12px;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer video,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer video,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer video,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content {
  position: absolute;
  color: #ffffff;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 15px 10px;
  background: #061323;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content p,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content p,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content p,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content p {
  font-family: "Notosans";
  color: #fff;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.main-dark .cs-slider .item .slider-item .video-card-trailer .trailer-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item .item .video-card-trailer .trailer-content span,
.main-dark .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content span,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: 0.625rem;
  text-align: left;
}
.main-dark .cs-slider .item:hover {
  z-index: 1;
}
.main-dark .small-slider {
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-dark {
}
.main-dark .videos-dimensions.play-fluid {
  padding-top: 49%;
}
.main-dark .video-player-center .play-js.play-fluid {
  height: 100% !important;
  overflow: hidden;
}
.main-dark .tabs {
  border-bottom: 1px solid #d9d9d9;
}
.main-dark .tabs div {
  float: left;
  text-align: center;
  cursor: pointer;
  padding: 0rem 2.5625rem 0.8125rem;
  border-bottom: 4px solid transparent;
  position: relative;
  top: 2px;
}
.main-dark .tabs div a {
  font-weight: 400;
  min-width: 50px;
  color: #d0d0d0;
  font-size: 1.125rem;
  display: block;
}
.main-dark .tabs div.active:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgb(3, 150, 255);
  background: -moz-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(3, 150, 255)), color-stop(100%, rgb(82, 219, 228)));
  background: -webkit-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -o-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -ms-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background:
    linear-gradient(
      to right,
      rgb(3, 150, 255) 0%,
      rgb(82, 219, 228) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0396ff", endColorstr="#52dbe4", GradientType=1);
  -webkit-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  bottom: -2px;
  left: 0;
}
.main-dark .toast-title {
  padding-right: 20px;
}
.main-dark .common-error {
  font-size: 0.75rem;
  padding: 0.5rem 1.5625rem 0.5rem 0.5rem;
  font-family: "Notosans";
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.main-dark .common-error.success {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-dark .common-error i.close {
  width: 0.625rem;
  height: 0.625rem;
}
.main-dark .common-error i.close svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-player-center .play-js.play-fluid {
  transition: 0.5s margin ease-out;
}
.main-dark .open-live-chat {
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 6;
  transition: 0.5s margin ease-out;
  background-color: #19b4d7;
  border: none;
  border-radius: 0;
  padding: 8px 16px;
  margin-top: 16px;
  height: 50px;
  max-width: 46px;
  width: auto;
  transition: all 0.5s ease-in-out;
  color: #fff;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.main-dark .open-live-chat:hover {
  max-width: 400px;
  background: #19b4d7;
  transition: all 0.8s ease-in-out;
}
.main-dark .open-live-chat svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .open-live-chat span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .live-chat-app {
  position: fixed;
  width: 520px;
  right: 0;
  top: 0;
  height: 100vh;
  background: #F2F5F7;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s margin ease-out;
}
.main-dark .live-chat-app .livechat-header {
  display: flex;
  background: #FAFAFA;
}
.main-dark .live-chat-app .livechat-header .close-live-chat {
  width: 4.1875rem;
  height: 4.1875rem;
  background: #19b4d7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main-dark .live-chat-app .livechat-header .close-live-chat svg {
  width: 1.375rem;
}
.main-dark .live-chat-app .livechat-header .live-chat-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: #FAFAFA;
  font-size: 1.125rem;
  color: #222222;
}
.main-dark .live-chat-app .live-chat-contnet {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 135px);
}
.main-dark .live-chat-app .live-chat-contnet ul {
  padding: 0.9375rem 0;
  height: 100%;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 25px;
  margin-bottom: 5px;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-avator {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  margin-right: 0.75rem;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  max-width: 90%;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-person {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #444444;
  margin-bottom: 0px;
  font-family: "Notosans";
  margin-right: 5px;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-time {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #999999;
  margin-left: auto;
}
.main-dark .live-chat-app .live-chat-contnet ul .chat .chat-message .message {
  color: #222222;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-top: 2px;
  word-break: break-word;
}
.main-dark .live-chat-app .live-chat-input {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  border-top: 1px solid #C5C5C5;
  width: 100%;
  padding: 0.9375rem 1.5625rem;
  background: #F2F5F7;
}
.main-dark .live-chat-app .live-chat-input img {
  width: 1.9375rem !important;
  height: 1.9375rem !important;
  display: block;
  margin-right: 1.25rem;
  border-radius: 50%;
}
.main-dark .live-chat-app .live-chat-input .live-chat-text-input-field {
  resize: none;
  overflow: hidden;
  padding: 0.3125rem;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.875rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  word-wrap: break-word;
  white-space: pre-wrap;
  min-height: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  text-align: left;
  height: auto;
  max-height: 127px;
  color: #687984;
  line-height: 1.25rem;
}
.main-dark .live-chat-app .live-chat-input .send-comment {
  width: 1.875rem;
  margin-left: 1.25rem;
}
.main-dark .live-chat-app .error-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #F2F5F7;
  width: 100%;
}
.main-dark .live-chat-app .error-text .chat-error {
  text-align: center;
  font-size: 13px;
  color: #c11938;
}
.main-dark .player-live-chat #videos {
  transition: 0.5s margin ease-in;
}
.main-dark .player-live-chat .live-chat-app {
  visibility: visible;
  opacity: 1;
  transition: 0.5s margin ease-in;
}
.main-dark .player-live-chat .open-live-chat {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1600px) {
  .main-dark .next-video {
    bottom: 45px;
    right: 220px;
  }
}
@media (min-width: 1401px) and (max-width: 1599px) {
  .main-dark .next-video {
    bottom: 25px;
    right: 220px;
  }
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .main-dark .next-video {
    bottom: 28px;
  }
  .main-dark .play-fullscreen .next-video {
    bottom: 28px;
  }
}
@media (max-width: 450px) {
  .main-dark .next-video {
    bottom: 70px;
    right: 10px;
  }
}
.main-dark html {
  scroll-behavior: smooth;
}
.main-dark button,
.main-dark input,
.main-dark textarea,
.main-dark select {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.main-dark button,
.main-dark input {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-dark button::-moz-focus-inner {
  border: 0;
  outline: 0;
}
.main-dark a {
  border: 0;
  outline: 0;
}
.main-dark input:-webkit-autofill,
.main-dark input:-webkit-autofill:hover,
.main-dark input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark select:-webkit-autofill,
.main-dark select:-webkit-autofill:hover,
.main-dark select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ccc;
}
.main-dark .login-signup-modal input:-webkit-autofill,
.main-dark .login-signup-modal input:-webkit-autofill:hover,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .login-signup-modal select:-webkit-autofill,
.main-dark .login-signup-modal select:-webkit-autofill:hover,
.main-dark .login-signup-modal select:-webkit-autofill:focus {
  -webkit-text-fill-color: #252525;
}
.main-dark .login-signup-modal input:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover::-webkit-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover::-webkit-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover::-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover::-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus::-moz-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover:-ms-input-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover:-ms-input-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus:-ms-input-placeholder {
  color: #979797;
}
.main-dark .login-signup-modal input:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:hover:-moz-placeholder,
.main-dark .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:hover:-moz-placeholder,
.main-dark .login-signup-modal select:-webkit-autofill:focus:-moz-placeholder {
  color: #979797;
}
.main-dark input:focus,
.main-dark button:focus {
  outline: none;
}
.main-dark input::-webkit-autofill,
.main-dark input::-webkit-contacts-auto-fill-button,
.main-dark input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.main-dark select {
  outline: none;
  cursor: pointer;
  background: transparent;
}
.main-dark input:-webkit-autofill,
.main-dark input:-webkit-autofill:hover,
.main-dark input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark select:-webkit-autofill,
.main-dark select:-webkit-autofill:hover,
.main-dark select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-dark input,
.main-dark select,
.main-dark button {
  font-family: "Notosans-medium";
}
.main-dark h1,
.main-dark h2,
.main-dark h3,
.main-dark h4,
.main-dark h5,
.main-dark h6,
.main-dark p,
.main-dark ul,
.main-dark li,
.main-dark i,
.main-dark a,
.main-dark span,
.main-dark em,
.main-dark div,
.main-dark input,
.main-dark textarea,
.main-dark select,
.main-dark button,
.main-dark ol {
  font-family: "Notosans-medium";
}
.main-dark input::-webkit-outer-spin-button,
.main-dark input::-webkit-inner-spin-button,
.main-dark select::-webkit-outer-spin-button,
.main-dark select::-webkit-inner-spin-button,
.main-dark select {
  -webkit-appearance: none;
  margin: 0;
  border-radius: 0;
}
.main-dark input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.main-dark input[type=password]::-ms-reveal,
.main-dark input[type=password]::-ms-clear {
  display: none;
}
.main-dark button::-moz-focus-inner {
  border: 0;
}
.main-dark button::-webkit-focus-inner {
  border: 0;
}
.main-dark button::-o-focus-inner {
  border: 0;
}
.main-dark select::-moz-focus-inner {
  border: 0;
}
.main-dark select::-webkit-focus-inner {
  border: 0;
}
.main-dark select::-o-focus-inner {
  border: 0;
}
.main-dark .min-content {
  min-height: calc(100vh - 315px);
}
.main-dark .owl-prev.disabled,
.main-dark .owl-next.disabled {
  display: none !important;
}
.main-dark .tittle-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .tittle-blk h2 {
  font-size: 19px;
  font-family: "Notosans-medium";
  color: #fff;
}
.main-dark .tittle-blk a {
  color: #f16c1f;
  font-family: "Notosans";
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  margin: 0rem 1rem;
}
.main-dark .tittle-blk a i {
  background: url("./media/orange-arrow-7JXRZHV6.svg") no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  transition: all ease 0.2s;
}
.main-dark .tittle-blk a:hover i {
  transform: translate(5px, 0);
  transition: all ease 0.2s;
}
.main-dark .container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.main-dark .s-container {
  width: 95%;
  margin: auto;
  position: relative;
}
.main-dark .first-user {
  display: block;
  background: #484848;
  color: #fff;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: "Notosans";
  position: relative;
}
.main-dark .first-user p {
  padding-right: 40px;
}
.main-dark .first-user i {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.main-dark .first-user i svg {
  display: inherit;
}
.main-dark .whole-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
.main-dark .whole-header.header-fixed .first-user {
  opacity: 0;
}
.main-dark header {
  background: transparent;
  position: static;
  z-index: 4;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all ease 0.3s;
}
.main-dark header.fixed {
  position: fixed;
  transition: all ease 0.3s;
  animation: fixed 0.3s 1;
  background: #091c34;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
@keyframes fixed {
  from {
    top: -10px;
  }
  to {
    top: 0;
  }
}
.main-dark header.home-header {
  background: transparent;
  box-shadow: none;
}
.main-dark header.home-header.live-header {
  background: #091c34;
}
.main-dark header.home-header .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-dark header.home-header .f-row .search-blk i svg {
  width: 20px;
  height: 100%;
  margin-left: -20px;
}
.main-dark header.home-header .f-row .search-blk i svg path {
  fill: #acacac;
}
.main-dark header.home-header .f-row .search-blk i svg:hover path,
.main-dark header.home-header .f-row .search-blk i svg:active path {
  fill: #acacac;
}
.main-dark header.home-header.fixed {
  background: #0a1c34;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-dark header.home-header.fixed .f-row .logo .home_logo {
  display: none;
}
.main-dark header.home-header.fixed .f-row .toggle-menu .line-menu {
  background-color: #565656;
}
.main-dark header.home-header.fixed .f-row .toggle-profile .line-menu {
  background-color: #565656;
}
.main-dark header.home-header.fixed .f-row .down-arrow polygon {
  fill: #fff;
}
.main-dark header.home-header.fixed .f-row .logo .default_logo {
  display: block;
}
.main-dark header.home-header.fixed .f-row .menu-set a {
  color: #cccccc !important;
}
.main-dark header.home-header.fixed .f-row .menu-set a.sub-menu-link {
  color: #fff;
}
.main-dark header.home-header.fixed .f-row .menu-set a.sub-menu-link:hover {
  color: #fff;
}
.main-dark header.home-header.fixed .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg {
  margin-left: -20px !important;
  width: 18px !important;
  height: 18px !important;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg path {
  fill: #4c5c68 !important;
}
.main-dark header.home-header.fixed .f-row .search-blk i svg:hover path,
.main-dark header.home-header.fixed .f-row .search-blk i svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .dark-icon svg path {
  fill: #ffffff;
}
.main-dark header.home-header.fixed .f-row .dark-icon svg:hover path,
.main-dark header.home-header.fixed .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg:hover path,
.main-dark header.home-header.fixed .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg path {
  fill: #ffffff;
}
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg:hover path,
.main-dark header.home-header.fixed .f-row .notification-blk .notify-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header.fixed .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
  font-family: "Notosans-bold";
}
.main-dark header.home-header.fixed .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark header.home-header .f-row .logo .default_logo {
  display: none;
}
.main-dark header.home-header .f-row .toggle-menu .line-menu {
  background-color: #dde0e2;
}
.main-dark header.home-header .f-row .toggle-profile .line-menu {
  background-color: #dde0e2;
}
.main-dark header.home-header .f-row .logo .home_logo {
  display: block;
  margin-top: -8px;
}
.main-dark header.home-header .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
}
.main-dark header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark header.home-header .f-row .menu-set a {
  color: #cccccc;
  transition: all ease 0.3s;
}
.main-dark header.home-header .f-row .menu-set a:hover,
.main-dark header.home-header .f-row .menu-set a:active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-dark header.home-header .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-dark header.home-header .f-row .search-blk.open i svg path {
  fill: #ffffff;
}
.main-dark header.home-header .f-row .dark-icon svg path {
  fill: #fff;
}
.main-dark header.home-header .f-row .dark-icon svg:hover path,
.main-dark header.home-header .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header .f-row .notification-blk .notify-icon svg path {
  fill: #fff;
}
.main-dark header.home-header .f-row .notification-blk .notify-icon svg:hover path,
.main-dark header.home-header .f-row .notification-blk .notify-icon svg:active path {
  fill: #ccc;
}
.main-dark header.home-header .f-row .profile-link svg polygon {
  fill: #fff;
}
.main-dark .f-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row {
  height: 80px;
  padding: 15px 0;
  position: relative;
  box-sizing: border-box;
}
.main-dark .f-row .logo-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
}
.main-dark .f-row .down-arrow polygon {
  fill: #fff;
}
.main-dark .f-row .dark-icon {
  position: relative;
  margin-right: 1.125rem;
  cursor: pointer;
}
.main-dark .f-row .dark-icon svg {
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}
.main-dark .f-row .dark-icon svg path {
  fill: #ffffff;
}
.main-dark .f-row .dark-icon svg:hover path,
.main-dark .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-dark .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-dark .f-row .dark-icon.activated svg:hover path,
.main-dark .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-dark .f-row .dark-icon .switch-theme-tt {
  position: absolute;
  width: 150px;
  padding: 5px;
  color: #ccc;
  background: #252a30;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  font-size: 13px;
  text-align: center;
  font-family: "Notosans";
  opacity: 0;
  visibility: hidden;
}
.main-dark .f-row .dark-icon .switch-theme-tt:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #252a30;
}
.main-dark .f-row .dark-icon svg:hover ~ .switch-theme-tt {
  top: 45px;
  opacity: 1;
  visibility: visible;
  transition: top ease 0.3s;
}
.main-dark .f-row .notification-blk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-dark .f-row .profile-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.main-dark .f-row .profile-image {
  background-size: cover;
  width: 2.8125rem;
  height: 2.8125rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5625rem;
  background-position: center;
  border-radius: 50%;
}
.main-dark .f-row h4 {
  font-size: 1.0875rem;
  margin-right: 0.625rem;
}
.main-dark .f-row .down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  vertical-align: middle;
}
.main-dark .f-row .dropdown-profile a {
  text-align: center;
}
.main-dark .f-row .dropdown-menu,
.main-dark .f-row .dropdown-profile {
  position: absolute;
  background: #091C34;
  width: 200px;
  height: auto;
  z-index: 5;
  left: -20px;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-dark .f-row .dropdown-menu.open,
.main-dark .f-row .dropdown-profile.open {
  top: 58px;
  opacity: 1;
  visibility: visible;
}
.main-dark .f-row .dropdown-menu .categories,
.main-dark .f-row .dropdown-profile .categories {
  padding: 10px 0;
}
.main-dark .f-row .dropdown-menu .personal-menu,
.main-dark .f-row .dropdown-profile .personal-menu {
  border-bottom: 1px solid rgba(221, 221, 221, 0.65);
}
.main-dark .f-row .dropdown-menu .personal-menu .playlist,
.main-dark .f-row .dropdown-menu .personal-menu .favourite,
.main-dark .f-row .dropdown-profile .personal-menu .playlist,
.main-dark .f-row .dropdown-profile .personal-menu .favourite {
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.main-dark .f-row .dropdown-menu .personal-menu .playlist,
.main-dark .f-row .dropdown-profile .personal-menu .playlist {
  background-image: url("./media/playlist-CJIORI7E.svg");
}
.main-dark .f-row .dropdown-menu .personal-menu .favourite,
.main-dark .f-row .dropdown-profile .personal-menu .favourite {
  background-image: url("./media/favourite-transparent-QLO3QKIS.svg");
  stroke: #696969;
  stroke-width: 2px;
}
.main-dark .f-row .dropdown-menu .personal-menu,
.main-dark .f-row .dropdown-menu .profile-blk,
.main-dark .f-row .dropdown-profile .personal-menu,
.main-dark .f-row .dropdown-profile .profile-blk {
  display: none;
}
.main-dark .f-row .dropdown-menu a,
.main-dark .f-row .dropdown-profile a {
  padding: 6px 20px;
  color: #d0d0d0;
  font-size: 0.9375rem;
  font-family: "Notosans";
  line-height: 1.4rem;
  width: 100%;
  display: inline-block;
  background: 0 5px 20px #000106;
}
.main-dark .f-row .dropdown-menu a:hover,
.main-dark .f-row .dropdown-menu a.active,
.main-dark .f-row .dropdown-profile a:hover,
.main-dark .f-row .dropdown-profile a.active {
  background: #0c305a;
}
.main-dark .f-row .dropdown-menu a.active,
.main-dark .f-row .dropdown-profile a.active {
  color: #f16c1f;
}
.main-dark .f-row .dropdown-profile a {
  color: #e0e0e0;
  font-size: 0.875rem;
  text-align: left;
}
.main-dark .f-row .dropdown-profile {
  width: 200px;
  left: unset;
  right: 0;
  border-radius: 2px;
}
.main-dark .f-row .toggle-menu {
  display: none !important;
}
.main-dark .f-row .toggle-menu,
.main-dark .f-row .toggle-profile {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-dark .f-row .toggle-menu .mobile-overlay.show,
.main-dark .f-row .toggle-profile .mobile-overlay.show {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.34);
}
.main-dark .f-row .toggle-profile {
  margin: 0;
}
.main-dark .f-row .logo {
  width: 150px;
  display: inline-block;
}
.main-dark .f-row .logo .home_logo {
  display: none;
}
.main-dark .f-row .logo img {
  width: 100%;
  vertical-align: bottom;
}
.main-dark .f-row .menu-set {
  margin-left: 2.5rem;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .menu-set .mobile-home,
.main-dark .f-row .menu-set .toggle-mobile-menu {
  display: none;
}
.main-dark .f-row .menu-set .hide-for-web {
  display: none;
}
.main-dark .f-row .menu-set a {
  padding: 0 0.9375rem;
  color: #fff;
  font-size: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  transition: all ease 0.3s;
}
.main-dark .f-row .menu-set a:hover,
.main-dark .f-row .menu-set a.active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-dark .f-row .menu-set a > svg {
  display: none;
}
.main-dark .f-row .menu-set a.go_premium {
  margin-left: 0.9375rem;
  text-transform: capitalize;
  font-size: 12px;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
}
.main-dark .f-row .menu-set .dropdown-menu {
  display: none;
}
.main-dark .f-row .menu-set .dropdown-menu a > svg {
  width: 18px;
  height: 18px;
  margin-right: 15px;
  fill: #d0d0d0;
  display: inline-block;
}
.main-dark .f-row .menu-set .dropdown-menu a.active > svg {
  fill: #f16c1f;
}
.main-dark .f-row .menu-set .live-vid svg {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.main-dark .f-row .search-blk {
  width: 10%;
  height: 41px;
  position: relative;
  margin: 0 1.1875rem;
  margin-right: -5px;
  transition: width 0.5s ease;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-dark .f-row .search-blk .header-search svg:hover path,
.main-dark .f-row .search-blk .header-search svg:active path {
  fill: #cccccc;
}
.main-dark .f-row .search-blk .search-results {
  display: block;
  width: 93%;
  z-index: -1;
  background: #ffffff;
  position: absolute;
  top: 1.875rem;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
.main-dark .f-row .search-blk.open {
  width: 60%;
  transition: all 0.5s ease;
}
.main-dark .f-row .search-blk.open input {
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  width: 100%;
}
.main-dark .f-row .search-blk.open i {
  right: 0.9375rem;
}
.main-dark .f-row .search-blk.open .search-results {
  opacity: 1;
  visibility: visible;
  animation: result 1.5s 1 cubic-bezier(0.57, -0.43, 0, 3.65);
}
@keyframes result {
  0% {
    top: 0;
  }
  100% {
    top: 30px;
  }
}
.main-dark .f-row .search-blk.open .search-results.shadow {
  box-shadow: 0px 1px 10px 0px #b4b4b4;
}
.main-dark .f-row .search-blk.open .search-results ul {
  padding: 0.625rem 0.625rem 0rem 0.625rem;
}
.main-dark .f-row .search-blk.open .search-results li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-radius: 0.1875rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  box-shadow: 0px 1px 1px #d9d7d7;
}
.main-dark .f-row .search-blk.open .search-results li:nth-child(4) {
  box-shadow: none;
  margin-bottom: 0;
}
.main-dark .f-row .search-blk.open .search-results li:hover {
  background-color: #f3f3f3;
}
.main-dark .f-row .search-blk.open .search-results .movie-desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  flex: 1;
}
.main-dark .f-row .search-blk.open .search-results .movie-thumb {
  display: inline-block;
  width: 4.375rem;
  height: 5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.1875rem;
  margin-right: 0.75rem;
}
.main-dark .f-row .search-blk.open .search-results .movie-name {
  padding-right: 0.625rem;
  font-size: 0.9rem;
  font-family: "Notosans";
}
.main-dark .f-row .search-blk.open .search-results .movie-lang {
  color: #222222;
  opacity: 0.6;
  line-height: 1.3rem;
  font-size: 0.85rem;
  letter-spacing: 0.0625rem;
  width: 90%;
  font-family: "Notosans";
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.main-dark .f-row .search-blk.open .search-results .more-results {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  padding: 5px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  cursor: pointer;
}
.main-dark .f-row .search-blk.open .search-results .no-result {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  display: block;
  padding: 0.625rem;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.main-dark .f-row .search-blk i {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.5s ease;
}
.main-dark .f-row .search-blk i svg {
  width: 100%;
  height: 100%;
}
.main-dark .f-row .search-blk i svg path {
  fill: #ffffff;
}
.main-dark .f-row .search-blk input {
  width: 90%;
  height: 100%;
  box-shadow: none;
  padding: 5px 45px 5px 15px;
  border: 1px solid #4c5c68;
  background: #091c34;
  border-radius: 24px;
  visibility: visible;
  opacity: 1;
  font-size: 0.8rem;
  color: #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.main-dark .f-row .search-blk input::-webkit-input-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input::-moz-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-ms-input-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-moz-placeholder {
  color: #cecece;
}
.main-dark .f-row .search-blk input:-webkit-autofill,
.main-dark .f-row .search-blk input:-webkit-autofill:hover,
.main-dark .f-row .search-blk input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .f-row .search-blk textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .f-row .search-blk select:-webkit-autofill,
.main-dark .f-row .search-blk select:-webkit-autofill:hover,
.main-dark .f-row .search-blk select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ccc;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-dark .f-row .notification-blk {
  position: relative;
  margin-right: 1.125rem;
}
.main-dark .f-row .notification-blk .notify-icon {
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  position: relative;
}
.main-dark .f-row .notification-blk .notify-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .f-row .notification-blk .notify-icon svg path {
  fill: #ffffff;
}
.main-dark .f-row .notification-blk .notify-icon svg:hover path,
.main-dark .f-row .notification-blk .notify-icon svg:active path {
  fill: #cccccc;
}
.main-dark .f-row .notification-blk .notify-icon .not-count {
  top: 1px;
  right: -0.3125rem;
  position: absolute;
  color: #fff;
  font-family: "Notosans";
  font-size: 0.6875rem;
  background: #f16c1f;
  padding: 1px 4px;
  border-radius: 2px;
}
.main-dark .f-row .notification-blk .notification-dropdown {
  position: absolute;
  top: 5.625rem;
  background: #091c34;
  white-space: nowrap;
  right: -1.5625rem;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 30.625rem;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
}
.main-dark .f-row .notification-blk .notification-dropdown:before {
  content: "";
  width: auto;
  height: auto;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid #091c34;
  position: absolute;
  right: 1.3125rem;
  top: -0.9375rem;
  z-index: 5;
}
.main-dark .f-row .notification-blk .notification-dropdown.open {
  top: 3.125rem;
  visibility: visible;
  opacity: 1;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
}
.main-dark .f-row .notification-blk .notification-dropdown h4 {
  color: #e2e2e2;
  margin-right: 0;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #5a5a5a;
  padding: 0.9375rem 1.5625rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .clear-all {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.8125rem;
  font-family: "Notosans";
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 21.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
  padding: 0.425rem 0.5625rem;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:hover {
  background-color: #0a1c34;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg {
  background-color: #0a1c34;
  position: relative;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #37bedc;
  left: 8px;
  top: 0;
  margin: auto;
  bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:last-child {
  border: none;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list + .notify-list {
  border-top: 1px solid #5a5a5a;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
  width: 100%;
  max-width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  margin-right: 0.9375rem;
  overflow: hidden;
  background: center;
  border: 1px solid rgba(214, 214, 214, 0.4588235294);
  position: relative;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user .user__img {
  width: 90%;
  height: 90%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content {
  white-space: normal;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg {
  word-break: break-word;
  color: #d0d0d0;
  font-size: 0.875rem;
  display: block;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc {
  font-style: italic;
  text-decoration: underline;
  color: #fa823d;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc:hover {
  font-weight: bold;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-title {
  word-break: break-word;
  color: #d0d0d0;
  font-size: 1rem;
  display: block;
  font-weight: bold;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-time {
  color: #aaaaaa;
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
  width: 10.1875rem;
  height: 5.75rem;
  background-color: #14253d;
  border-radius: 3px;
  overflow: hidden;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb .notify-thumb-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
  margin-left: auto;
  position: relative;
  padding-left: 0.25rem;
  margin-top: -1.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more svg {
  width: 0.875rem;
  height: 0.875rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown {
  position: absolute;
  right: 0;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown li a {
  color: #313030;
  font-size: 0.75rem;
  display: block;
  padding: 0.625rem 1.5625rem;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
  height: 21.875rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
  color: #ababab;
}
.main-dark .f-row .lang-toggle {
  position: relative;
  margin-right: 1.125rem;
}
.main-dark .f-row .lang-toggle .lang-select {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  padding: 0.625rem 0;
}
.main-dark .f-row .lang-toggle .lang-select.open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-dark .f-row .lang-toggle .lang-select .lang-selected {
  font-size: 0.875rem;
  color: #cccccc;
  margin-right: 0.3rem;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-dark .f-row .lang-toggle .lang-select .globe-ic {
  display: none;
  margin-right: 10px;
}
.main-dark .f-row .lang-toggle .lang-select .globe-ic g {
  stroke: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-select .lang-down-arrow g {
  stroke: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown {
  position: absolute;
  width: 11.25rem;
  background: #091c34;
  height: auto;
  z-index: 5;
  right: 0;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  padding: 0.625rem 0;
  z-index: 1;
  white-space: nowrap;
}
.main-dark .f-row .lang-toggle .lang-dropdown.open {
  visibility: visible;
  opacity: 1;
  top: 40px;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item {
  padding: 0.4375rem 0.875rem 0.4375rem 2.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item:hover {
  background: #0c305a;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item.selected svg {
  display: block;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item.selected span {
  color: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item svg {
  width: 0.6875rem;
  height: 0.5625rem;
  margin-right: 0.875rem;
  display: none;
  position: absolute;
  left: 0.8125rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item svg path {
  fill: #ffffff;
}
.main-dark .f-row .lang-toggle .lang-dropdown ul .list-item span {
  color: #e0e0e0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-dark .f-row .sign-btn {
  height: 2.25rem;
  line-height: 2.1875rem;
  border-radius: 20px;
  padding: 0 1.125rem;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: auto;
  white-space: nowrap;
  font-family: "Notosans-bold";
  cursor: pointer;
  background: #d0502d !important;
}
.main-dark .f-row .sign-btn a {
  color: #fff;
  cursor: pointer;
  font-family: "Notosans-bold";
  font-size: 16px;
}
.main-dark .f-row .mobile-login {
  display: none;
}
.main-dark .f-row .mobile-login svg path {
  fill: #ffffff;
}
.main-dark footer {
  background: #0f233d;
}
.main-dark footer .f-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 1rem 0;
}
.main-dark footer .lang-select {
  position: relative;
  display: inline-block;
  margin-top: 1.875rem;
}
.main-dark footer .lang-select i.lang-icon {
  background: url("./media/language-QOMVGHXC.svg");
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark footer .lang-select select {
  padding: 5px 10px 5px 30px;
  border: transparent;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
}
.main-dark footer .tittle {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-dark footer .footer-text a:hover {
  color: #fff;
  transform: translate(5px, 0);
  transition: all ease 0.3s;
}
.main-dark footer a {
  color: #62758e;
  font-family: "Notosans-medium";
  font-size: 15px;
  padding: 4px 0;
  display: inline-block;
  transition: all ease 0.3s;
}
.main-dark footer a.mobile,
.main-dark footer a.email {
  font-size: 1rem;
}
.main-dark footer .mobile a,
.main-dark footer .email a {
  cursor: default;
}
.main-dark footer .mobile a:hover,
.main-dark footer .email a:hover {
  transform: translate(0);
  color: #aeb0b5;
}
.main-dark footer .fb,
.main-dark footer .tw,
.main-dark footer .gp,
.main-dark footer .inst {
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
}
.main-dark footer .fb {
  background-image: url("./media/fb2-QI3NQXAE.svg");
}
.main-dark footer .tw {
  background-image: url("./media/twit1-ESU6ZVMG.svg");
  position: relative;
  margin-top: 0;
  top: 3px;
}
.main-dark footer .gp {
  background-image: url("./media/gp-POAS2J72.svg");
}
.main-dark footer .inst {
  background-image: url("./media/insta1-HLJBF4ZZ.svg");
}
.main-dark footer .mobile-icon,
.main-dark footer .email-icon {
  background-size: contain;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
}
.main-dark footer .mobile-icon {
  background-image: url("./media/mobile-PVJ7VFW3.svg");
}
.main-dark footer .email-icon {
  background-image: url("./media/email-KCWLNSEK.svg");
  position: relative;
  top: -2px;
}
.main-dark footer .app-store,
.main-dark footer .google-play {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.main-dark footer .app-store {
  background-position: -12px -54px;
  width: 124px;
  height: 40px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  display: block;
  margin-bottom: 10px;
}
.main-dark footer .social-icons {
  display: flex;
}
.main-dark footer .google-play {
  background-position: -142px -54px;
  width: 124px;
  height: 40px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
}
.main-dark .copyrights p {
  background: #091c34;
  font-family: "Notosans-medium";
  padding: 10px 0;
  color: #8394ab;
  border-top: none;
  text-align: center;
  font-size: 16px;
}
.main-dark {
}
.main-dark .modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .modal .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.main-dark .modal .modal-body {
  position: relative;
  margin: auto;
  width: 90%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.main-dark .modal .modal-content {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
}
.main-dark .modal .header {
  text-align: center;
  padding: 1.125em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-dark .modal .header h4 {
  font-size: 2.125rem;
  color: #fff;
}
.main-dark .modal .header .close {
  width: 1.375em;
  height: 1.25em;
  position: absolute;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.main-dark .login-signup-modal {
  font-family: "Notosans";
  text-align: center;
  padding: 30px 0;
  overflow: auto;
}
.main-dark .login-signup-modal .social-login-buttons {
  font-size: 0;
  margin: 0 -2% 15px;
}
.main-dark .login-signup-modal .social-login-buttons li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2%;
  width: 48%;
  font-family: "Notosans";
  margin-bottom: 7px;
}
.main-dark .login-signup-modal .social-login-buttons .google-plus {
  background: #dc3c11;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-dark .login-signup-modal .social-login-buttons .google-plus svg {
  width: 1.5em;
  height: 1.5em;
}
.main-dark .login-signup-modal .social-login-buttons .facebook {
  background: #3b4fbb;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-dark .login-signup-modal .social-login-buttons .facebook svg {
  width: 1.5em;
  height: 1.5em;
}
.main-dark .login-signup-modal .social-login-buttons svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
}
.main-dark .login-signup-modal .social-login-buttons span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.main-dark .login-signup-modal .or {
  position: relative;
  text-align: center;
  margin-bottom: 0.438em;
}
.main-dark .login-signup-modal .or span {
  background: #fff;
  display: inline-block;
  color: #797979;
  font-size: 0.8rem;
  width: 2.071em;
  line-height: 1.714em;
  position: relative;
}
.main-dark .login-signup-modal .or:before {
  width: 4.375em;
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  margin: auto;
  top: 0;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
.main-dark .login-signup-modal .or.large {
  margin-bottom: 0;
}
.main-dark .login-signup-modal .or.large:before {
  width: 11.875em;
}
.main-dark .login-signup-modal .signin {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  background: #dedede;
}
.main-dark .login-signup-modal p.dont-have {
  font-size: 0.9rem;
  color: #686868;
  margin-bottom: 0.625rem;
}
.main-dark .login-signup-modal p.dont-have .sign-up-now-link,
.main-dark .login-signup-modal p.dont-have .login-link {
  background: -webkit-linear-gradient(left, #eb2f6d 0%, #f83e28 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.9rem;
}
.main-dark .login-signup-modal .forgot-password-link {
  font-size: 1rem;
  color: #471b6f;
  margin: 0.875em 0;
}
.main-dark .login-signup-modal p {
  color: #888888;
  font-size: 0.8rem;
  line-height: 1.286em;
}
.main-dark .login-modal,
.main-dark .forgot-password-modal {
  max-width: 27.063em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-dark .signup {
  max-width: 40.063em;
}
.main-dark #Signin .login-modal {
  max-width: 36em;
}
.main-dark .back-btn {
  font-size: 13px;
  color: #d73218;
  float: left;
  cursor: pointer;
}
.main-dark .forgot-password-modal p {
  margin-bottom: 0.929em;
  text-align: left;
  color: #242424;
}
.main-dark .sign-up-modal {
  max-width: 47em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-dark .sign-up-modal .contact-number .country-code {
  width: 50%;
  float: left;
}
.main-dark .sign-up-modal .contact-number input {
  width: 50%;
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.main-dark .sign-up-modal .contact-number .chosen-container.chosen-container-active {
  z-index: 1;
  position: relative;
}
.main-dark .sign-up-modal .contact-number .chosen-container .chosen-single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.main-dark .sign-up-modal .modal-content {
  padding: 0;
}
.main-dark .sign-up-modal .modal-content .signup-content {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.main-dark .sign-up-modal .modal-content .signup-content > .or {
  width: 1.438em;
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .modal-content .signup-content > .or:before {
  border-bottom: 0;
  width: 1px;
  height: 90%;
  border-left: 1px solid #d4d4d4;
  top: 0%;
}
.main-dark .sign-up-modal .modal-content .social-login-outer {
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .left-side {
  width: 53%;
  padding: 1.75em 1.063em 1.75em 2em;
  display: table-cell;
  vertical-align: middle;
}
.main-dark .sign-up-modal .left-side .signin {
  margin-top: 1em;
}
.main-dark .sign-up-modal .social-login-buttons {
  display: table-cell;
  vertical-align: middle;
  padding: 1.75em 2em 1.75em 1.313em;
  font-size: 1rem;
}
.main-dark .sign-up-modal .social-login-buttons .facebook,
.main-dark .sign-up-modal .social-login-buttons .google-plus {
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-dark .sign-up-modal .dont-have {
  margin-bottom: 2em;
}
.main-dark .sign-up-modal a {
  color: #1175b9;
}
.main-dark .sign-up-modal .social-login-buttons {
  margin: 0 0 15px;
}
.main-dark .sign-up-modal .social-login-buttons li {
  width: 100%;
  padding: 0;
}
.main-dark .form-control {
  margin-bottom: 5px;
  text-align: left;
  position: relative;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  color: #252525;
  width: 100%;
  height: 2.688em;
  padding: 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 1rem;
}
.main-dark .form-control input::-webkit-input-placeholder,
.main-dark .form-control select::-webkit-input-placeholder,
.main-dark .form-control select.input-data::-webkit-input-placeholder,
.main-dark .form-control select option::-webkit-input-placeholder,
.main-dark .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .form-control input::-moz-placeholder,
.main-dark .form-control select::-moz-placeholder,
.main-dark .form-control select.input-data::-moz-placeholder,
.main-dark .form-control select option::-moz-placeholder,
.main-dark .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input:-ms-input-placeholder,
.main-dark .form-control select:-ms-input-placeholder,
.main-dark .form-control select.input-data:-ms-input-placeholder,
.main-dark .form-control select option:-ms-input-placeholder,
.main-dark .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-dark .form-control input:-moz-placeholder,
.main-dark .form-control select:-moz-placeholder,
.main-dark .form-control select.input-data:-moz-placeholder,
.main-dark .form-control select option:-moz-placeholder,
.main-dark .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  font-family: "Notosans";
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.main-dark .form-control input:focus,
.main-dark .form-control select:focus,
.main-dark .form-control select.input-data:focus,
.main-dark .form-control select option:focus,
.main-dark .form-control textarea:focus {
  border-color: #27caf0;
  z-index: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-dark .form-control .label-top ~ label,
.main-dark .form-control .ngx-datepicker-container .label-top ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:focus ~ label,
.main-dark .form-control .ngx-datepicker-container input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:not(focus):valid ~ label,
.main-dark .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input:not(focus):valid ~ label,
.main-dark .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-dark .form-control input.input-data.email-input,
.main-dark .form-control input.input-data.phone-input {
  margin-top: 15px;
}
.main-dark .form-control input.input-data.phone-input {
  padding-left: 58px;
}
.main-dark .form-control input.input-data.email-input ~ label,
.main-dark .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-dark .form-control input.input-data.phone-input ~ label {
  margin-left: 38px;
}
.main-dark .form-control input.input-data.email-input:focus ~ label,
.main-dark .form-control input.input-data.phone-input:focus ~ label {
  left: 5px;
  top: 9px;
}
.main-dark .form-control input.input-data.phone-input:focus ~ label {
  margin-left: 1.1rem;
}
.main-dark .form-control input.input-data.email-input.label-top ~ label,
.main-dark .form-control input.input-data.phone-input.label-top ~ label {
  left: 5px;
  top: 9px;
}
.main-dark .form-control input.input-data.email-input ~ label,
.main-dark .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-dark .form-control label,
.main-dark .form-control .ngx-datepicker-container label {
  position: absolute;
  left: 1.25rem;
  top: 27px;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  z-index: 0;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
  pointer-events: none;
}
.main-dark .form-control textarea {
  height: 74px;
  padding: 0.938em;
}
.main-dark .form-control .error {
  color: #980c0c !important;
  font-size: 0.9rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-dark .form-control.has-error .error {
  display: block;
}
.main-dark .form-control.has-error input,
.main-dark .form-control.has-error select,
.main-dark .form-control.has-error textarea,
.main-dark .form-control.has-error .chosen-single {
  border-color: #980c0c;
}
.main-dark .checkbox-container {
  text-align: left;
  display: flex;
  align-items: center;
}
.main-dark .checkbox-container label {
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  position: relative;
}
.main-dark .checkbox-container label .error-msg {
  position: absolute;
  top: -1.125rem;
  left: 0;
  color: red;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: none;
}
.main-dark .checkbox-container.error .checkbox {
  border: 1px solid red;
}
.main-dark .checkbox-container.error .error-msg {
  display: block;
  position: absolute;
  left: 0;
  top: -0.9375rem;
  font-size: 0.75rem;
  color: red;
}
.main-dark .checkbox-container .checkbox-input {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .checkbox-container .checkbox-input:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-animation: check 0.3s 1;
  animation: check 0.3s 1;
}
.main-dark option[disabled] {
  display: none;
}
.main-dark .form-control .ckbox {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .form-control .ckbox input {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.main-dark .form-control .ckbox label {
  font-size: 0.9rem;
  color: #3a3939;
  text-transform: none;
  margin: 0;
  padding-left: 29px;
  line-height: 26px;
}
.main-dark .form-control .ckbox label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #d4d4d4;
  position: absolute;
  left: 0;
  top: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.main-dark .form-control .ckbox input:checked + label:before {
  border: 1px solid #ec3166;
  background: #ec3166;
}
.main-dark .form-control .ckbox input:checked + label:after {
  background-image: url("./media/tick-SV42VABA.svg");
  width: 20px;
  height: 19px;
  content: "";
  position: absolute;
  background-size: 13px;
  left: 4px;
  background-repeat: no-repeat;
  top: 6px;
}
.main-dark {
}
.main-dark .reset-password {
  text-align: center;
  padding: 5rem 0;
}
.main-dark .reset-password h2 {
  font-family: "Notosans-medium";
  font-size: 1.75rem;
  color: #fff;
}
.main-dark .reset-password .sub-title {
  padding: 10px;
  display: inline-block;
}
.main-dark .reset-password form {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.main-dark .reset-password form .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-bottom: 0.938em;
}
.main-dark .reset-password form .form-text.error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-dark .reset-password form label {
  color: #757373;
  margin-bottom: 5px;
}
.main-dark .reset-password form .form-control {
  width: 100%;
  height: 2.688em;
  padding: 0.938em 0.938em 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  border-radius: 3px;
  font-size: 1rem;
  font-family: "Notosans";
  position: relative;
}
.main-dark .reset-password form .form-control:focus {
  border-color: #d35a49;
  z-index: 1;
}
.main-dark .reset-password form .reset-btn {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
}
.main-dark .expired-box {
  max-width: 300px;
  margin: auto;
  text-align: center;
  padding: 5rem 0;
}
.main-dark .expired-box h2 {
  font-size: 2rem;
  margin-bottom: 3rem;
  color: #fff;
}
.main-dark .expired-box p {
  color: #fff;
}
.main-dark {
}
.main-dark .home-banner {
  position: relative;
}
.main-dark .home-banner .owl-dots {
  display: none;
}
.main-dark .banner-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background:
    linear-gradient(
      to bottom,
      rgba(9, 28, 52, 0.85) 0%,
      rgba(9, 28, 52, 0.66) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-dark .banner-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background:
    linear-gradient(
      to top,
      rgba(9, 28, 52, 0.85) 0,
      rgba(9, 28, 52, 0.55) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-dark .banner-slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.main-dark .banner-slider .owl-nav .owl-prev {
  position: absolute;
  left: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 25px;
  height: 37px;
  display: inline-block;
  transform: rotate(180deg);
}
.main-dark .banner-slider .owl-nav .owl-next {
  position: absolute;
  right: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-repeat: no-repeat;
  background-size: contain !important;
  width: 25px;
  height: 37px;
  display: inline-block;
}
.main-dark .banner-slider .banner-item {
  background-size: cover;
  background-position-y: -10px !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 28.125rem;
  display: block;
  position: relative;
}
.main-dark .banner-slider .banner-item:after {
  display: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(45, 44, 40, 0.55) 100%);
}
.main-dark .banner-slider .banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  align-items: flex-end;
  height: 100%;
  left: 0;
  top: 0;
  width: 60%;
  z-index: 1;
  padding: 0 30px;
  padding-bottom: 20px;
}
.main-dark .banner-slider .banner-content .play-icon {
  cursor: pointer;
}
.main-dark .banner-slider .banner-content .banner-tittle {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  overflow: hidden;
}
.main-dark .banner-slider .banner-content .banner-tittle h3 {
  font-family: "Notosans-bold";
  font-size: 36px;
  word-break: break-word;
  margin-bottom: 5px;
}
.main-dark .banner-slider .banner-content .banner-tittle p {
  font-family: "Notosans";
  font-size: 1rem;
}
.main-dark .banner-slider .banner-content .banner-tittle .live-now-tag {
  margin-left: 8px;
}
.main-dark .banner-slider .banner-content .banner-tittle .premium-tag {
  margin-left: 8px;
}
.main-dark {
}
.main-dark .related-videos {
  margin-top: 15px;
  padding-bottom: 50px;
}
.main-dark .small-vplay {
  margin-top: -0.0625rem;
}
.main-dark .small-vplay .small-slider .owl-stage-outer {
  padding: 1.25rem 5px;
  width: 100%;
}
.main-dark .small-vplay .small-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-dark .small-vplay .small-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-dark .small-vplay .small-slider .owl-nav button span {
  font-size: 0;
}
.main-dark .small-vplay .small-slider .owl-nav .owl-prev,
.main-dark .small-vplay .small-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 15px;
  height: 27px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-dark .small-vplay .small-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-dark .small-vplay .small-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -45px !important;
}
.main-dark .small-vplay .small-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
  margin-right: 10px;
}
.main-dark .small-vplay .small-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .small-vplay .small-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark {
}
.main-dark .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .owl-stage .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .owl-stage .owl-item .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.main-dark .owl-stage .owl-item .item .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .owl-stage .owl-item .item .item,
.main-dark .owl-stage .owl-item .item .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .owl-stage .owl-item .item .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
}
.main-dark .lanscape-vplay {
  margin-top: 2.1875rem;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-stage-outer {
  padding: 1.25rem 5px;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav button span {
  font-size: 0;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-prev,
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 28px;
  height: 28px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -55px !important;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-dark .lanscape-vplay .lanscape-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-dark {
}
.main-dark .app-banner {
  padding: 3.5% 0 !important;
  background: url("./media/footban-F67VJYDD.png") no-repeat;
  background-size: 100%;
  background-position: right;
  position: relative;
  height: auto;
  margin: 0 auto;
}
.main-dark .app-banner h6,
.main-dark .app-banner p,
.main-dark .app-banner .social-apps {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}
.main-dark .app-banner h6 {
  font-size: 38px;
  font-weight: normal;
  font-family: "Notosans-bold";
  color: #ccc !important;
}
.main-dark .app-banner p {
  font-size: 1.1rem;
  font-family: "Notosans";
  margin: 0.875rem 0 2rem;
}
.main-dark .app-banner .social-apps a {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.main-dark .app-banner .social-apps .app-store {
  background-position: -175px -100px;
  width: 145px;
  height: 51px;
}
.main-dark .app-banner .social-apps .google-play {
  background-position: -10px -98px;
  width: 154px;
  height: 53px;
  margin-right: 20px;
}
.main-dark {
}
.main-dark .playlist h6 {
  color: #3d3d3d;
  font-size: 1.25rem;
  margin: 1.25rem 0.5% 0;
  font-family: "Notosans-medium";
}
.main-dark .playlist .playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-dark .playlist .playlist-item {
  width: 18.6%;
  margin: 0.7%;
  cursor: pointer;
}
.main-dark {
}
.main-dark .categories-page {
  margin: 1.625rem 0;
}
.main-dark .categories-page .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #cacaca;
  margin: 30px 0 10px;
}
.main-dark .categories-page .categories-list {
  margin: 0 -0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .categories-page .categories-list li {
  width: 25%;
  padding: 0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 14.375rem;
}
.main-dark .categories-page .categories-list li:focus {
  outline: none;
}
.main-dark .categories-page .categories-list li .single-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.main-dark .categories-page .categories-list li .single-list:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.main-dark .categories-page .categories-list li .single-list h5 {
  font-size: 1.5625rem;
  color: #fff;
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.main-dark {
}
.main-dark .genre-view .genre-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.1875rem;
}
.main-dark .genre-view .genre-header h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #2d2d2d;
}
.main-dark .genre-view .genre-header .select {
  margin-left: auto;
  font-size: 0.8125rem;
  color: #777777;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
}
.main-dark .genre-view .genre-header .select select {
  height: 1.8125rem;
  width: 4.9375rem;
  border: 1px solid #9d9d9d;
  padding: 0 0.3125rem;
  margin-left: 0.5rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Notosans";
  color: #363636;
  font-size: 0.75rem;
}
.main-dark .genre-view .genre-header .heading {
  margin-top: 1.875rem;
}
.main-dark .genre-view .genre-header .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #e2e2e2;
}
.main-dark .genre-view .genre-header .heading.search-title {
  padding: 0 0 10px;
  position: relative;
  width: 100%;
}
.main-dark .genre-view .genre-header .heading.search-title h3 {
  font-size: 1.5rem;
  padding-right: 3.125rem;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close {
  position: absolute;
  right: 0;
  top: -10px;
  width: 2.8rem;
  height: 2.8rem;
  background: #dedede;
  border-radius: 50%;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  transform-origin: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close:hover {
  background: #d0d0d0;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .genre-view .genre-header .heading.search-title .search_close .close {
  width: 1rem;
  height: 1rem;
}
.main-dark .genre-view .genre-list {
  margin-bottom: 3.75rem;
}
.main-dark .genre-view .genre-list .genre-videos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.main-dark .genre-view .genre-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 15px 0 0;
  padding: 0 15px;
  width: 20%;
}
.main-dark .genre-view .genre-list .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-dark .genre-view .genre-list .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item:hover,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item:hover {
  z-index: 1;
}
.main-dark .genre-view .genre-list .slider-item .slider-img,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item .slider-img,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  position: relative;
}
.main-dark .genre-view .genre-list .slider-item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-view .genre-list .item .slider-content span,
.main-dark .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-content span {
  font-family: "Notosans";
}
.main-dark {
}
.main-dark .category-view {
  margin: 1.875rem 0;
}
.main-dark .category-view h3 {
  text-transform: capitalize;
  font-size: 1.5625rem;
  font-family: "Notosans-bold";
  color: #232323;
}
.main-dark .category-view .small-vplay {
  padding-top: 0;
}
.main-dark {
}
.main-dark .list-view {
  position: relative;
  margin: 1.875rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .list-view .right-side {
  width: 100%;
  margin-bottom: 2rem;
}
.main-dark .list-view .genre-view .genre-list .item {
  width: 19%;
}
.main-dark .list-view .filter-icon {
  display: none;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #f16c1f;
  border-radius: 50%;
  box-shadow: 1px 3px 7px 0 #ffd54f;
  cursor: pointer;
}
.main-dark .list-view .filter-icon svg {
  width: 25px;
  height: 25px;
}
.main-dark .list-view aside {
  width: 17%;
  position: absolute;
  left: 0;
  top: 20px;
  margin-bottom: 40px;
}
.main-dark .list-view aside.fixed {
  position: fixed;
  left: 2%;
  top: 100px;
  transition: top ease 0.5s;
}
.main-dark .list-view aside.fixed.fixed-bottom {
  position: absolute;
  top: unset;
  left: 0;
  bottom: 0;
  transition: bottom ease 0.5s;
}
.main-dark .list-view aside .filter-box.tags {
  border: 1px solid #e2e2e2;
  position: relative;
}
.main-dark .list-view aside .filter-box {
  border: 1px solid #e2e2e2;
  border-top: 0;
  position: relative;
}
.main-dark .list-view aside .accordion {
  background: none;
  padding: 1rem 1.25rem;
  font-family: "Notosans";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
.main-dark .list-view aside .accordion .count {
  font-size: 0.75rem;
  color: #676767;
}
.main-dark .list-view aside ul {
  padding-bottom: 0.625rem;
}
.main-dark .list-view aside .filter-tag {
  background: none;
  padding: 0.875rem 1.25rem;
  font-family: "Notosans-medium";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: rgba(112, 112, 112, 0.8);
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  text-transform: capitalize;
}
.main-dark .list-view aside .filter-panel span {
  display: inline-block;
  background: #f1f1f1;
  font-size: 0.875rem;
  color: #707070;
  padding: 0.4375rem 0.875rem;
  margin: 0 0.625rem 0.625rem 0;
  border-radius: 2px;
}
.main-dark .list-view aside .close-tag svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  margin-right: 5px;
}
.main-dark .list-view aside .clear {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  font-size: 0.75rem;
  color: #a6a4a4;
  font-family: "Notosans";
  text-decoration: underline;
  cursor: pointer;
}
.main-dark .list-view aside .down-arrow {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  display: inline-block;
  z-index: -1;
}
.main-dark .list-view aside .down-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
}
.main-dark .list-view aside .down-arrow svg polygon {
  fill: #696969;
}
.main-dark .list-view aside .panel {
  padding: 0 1.125rem 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-dark .list-view aside .filter-panel {
  padding: 0 1.125rem 0.625rem;
  background-color: transparent;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-dark .list-view aside {
}
.main-dark .list-view aside .filter-check {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  padding: 0.625rem 0.3125rem 0.625rem 2.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  color: rgba(112, 112, 112, 0.8);
  font-family: "Notosans";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-dark .list-view aside .filter-check:hover {
  background: #f0f0f0;
}
.main-dark .list-view aside .v-count {
  font-size: 0.8125rem;
  color: #707070;
}
.main-dark .list-view aside {
}
.main-dark .list-view aside .filter-check input {
  position: absolute;
  top: 0.4375rem;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  border: 1px solid #818080;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .list-view aside .filter-check input:checked {
  background-color: #f16c1f;
  height: 16px;
  width: 16px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark {
}
.main-dark .contact-us .container {
  max-width: 1231px;
  padding: 0 15px;
  margin: auto;
  position: relative;
}
.main-dark .contact-us .contact-us-content {
  font-family: "Notosans";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3.625em 0 1.625em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #2d2d2d;
}
.main-dark .contact-us .contact-us-content .heading-name {
  font-size: 1.4375rem;
  color: #cacaca;
  margin-bottom: 0.3em;
  font-family: "Notosans-bold";
}
.main-dark .contact-us .contact-us-content h3.heading-name {
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  color: #cacaca;
}
.main-dark .contact-us .contact-us-content p {
  color: #cacaca;
  font-size: 0.9375rem;
  margin-bottom: 2.278em;
}
.main-dark .contact-us .contact-us-content p span {
  display: block;
}
.main-dark .contact-us .contact-us-content input,
.main-dark .contact-us .contact-us-content textarea {
  color: #ccc;
  background: transparent;
  border: 1px solid #737272;
}
.main-dark .contact-us .contact-us-content .left-side {
  max-width: 37.5rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin: auto;
}
.main-dark .contact-us .contact-us-content .left-side .clearfix {
  margin: 0 -0.625em;
}
.main-dark .contact-us .contact-us-content .left-side .one-set {
  width: 50%;
  padding: 0 0.625em;
  float: left;
}
.main-dark .contact-us .contact-us-content .left-side .full-set {
  width: 100%;
}
.main-dark .contact-us .contact-us-content .left-side textarea {
  resize: none;
}
.main-dark .contact-us .contact-us-content .left-side .button {
  text-align: right;
}
.main-dark .contact-us .contact-us-content .left-side .button .submit {
  text-align: center;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 3.313em;
  border: 0;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  padding: 0px 2em;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.main-dark .contact-us .contact-us-content .left-side .button .submit:hover {
  background-position: right center;
  background-size: 500% auto;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.main-dark .contact-us .contact-us-content .right-side {
  width: 37%;
  display: none;
}
.main-dark .contact-us .contact-us-content .right-side .heading-name {
  margin-bottom: 0.6em;
}
.main-dark .contact-us .contact-us-content address {
  margin: 0.4em 0 1.5em;
  font-size: 0.9375rem;
  color: #393939;
}
.main-dark .contact-us agm-map {
  height: 21.25rem;
}
.main-dark .form-control {
  margin-top: 0.9375rem;
  margin-bottom: 0.938em;
  text-align: left;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  font-size: 0.875rem;
}
.main-dark .form-control input::-webkit-input-placeholder,
.main-dark .form-control select::-webkit-input-placeholder,
.main-dark .form-control select.input-data::-webkit-input-placeholder,
.main-dark .form-control select option::-webkit-input-placeholder,
.main-dark .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-dark .form-control input::-moz-placeholder,
.main-dark .form-control select::-moz-placeholder,
.main-dark .form-control select.input-data::-moz-placeholder,
.main-dark .form-control select option::-moz-placeholder,
.main-dark .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input:-ms-input-placeholder,
.main-dark .form-control select:-ms-input-placeholder,
.main-dark .form-control select.input-data:-ms-input-placeholder,
.main-dark .form-control select option:-ms-input-placeholder,
.main-dark .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-dark .form-control input:-moz-placeholder,
.main-dark .form-control select:-moz-placeholder,
.main-dark .form-control select.input-data:-moz-placeholder,
.main-dark .form-control select option:-moz-placeholder,
.main-dark .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-dark .form-control input,
.main-dark .form-control select,
.main-dark .form-control select.input-data,
.main-dark .form-control select option,
.main-dark .form-control textarea {
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.main-dark .form-control select.input-data,
.main-dark .form-control select option {
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  line-height: 22px;
}
.main-dark .form-control .error {
  font-size: 0.75rem;
}
.main-dark {
}
.main-dark .video-detail-page .video-banner {
  position: relative;
  cursor: pointer;
}
.main-dark .video-detail-page .video-player-outer {
  position: relative;
  max-height: 450px;
  width: 92.5%;
  margin: 0 auto;
}
.main-dark .video-detail-page .video-player,
.main-dark .video-detail-page .countdown-blk {
  position: relative;
  height: 450px;
  overflow: hidden;
}
.main-dark .video-detail-page .countdown-blk {
  position: absolute;
  left: inherit;
  right: 10.9375rem;
  top: 0;
  margin: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-dark .video-detail-page .countdown-blk .countdown div {
  border: 1px solid #a7a6a4;
  padding: 10px;
  background: rgba(58, 58, 58, 0.85);
  border-radius: 4px;
  opacity: 1;
  margin: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  margin-right: 15px;
}
.main-dark .video-detail-page .countdown-blk .countdown div:last-child {
  margin-right: 0;
}
.main-dark .video-detail-page .countdown-blk strong {
  font-size: 2.5rem;
  height: 3.75rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: transparent;
  text-align: center;
}
.main-dark .video-detail-page .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 4.6875rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .video-detail-page .video-player-bg {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
  width: 54.5%;
  height: 100%;
  max-height: 500px;
  left: auto;
  right: 0;
  top: 0;
}
.main-dark .video-detail-page .video-player-center {
  max-width: 56.1875rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.main-dark .video-detail-page .video-player-center.countdown-starts:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.main-dark .video-detail-page .video-banner-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 31.25rem;
}
.main-dark .video-detail-page .video-banner-img:before {
  content: "";
  background: rgba(0, 0, 0, 0.32);
  width: 100%;
  height: 100%;
  position: absolute;
}
.main-dark .video-detail-page .play-icon {
  display: inline-block;
  margin-right: 15px;
  margin-top: 5px;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .video-detail-page .video-content-blk {
  position: relative;
}
.main-dark .video-detail-page .video-player:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-dark .video-detail-page .video-bottom {
  color: #cacaca;
  width: 42%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0px 10px 0px 0;
  margin-left: 4%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
  transition: all cubic-bezier(0.4, 0, 1, 1) 0.5s;
}
.main-dark .video-detail-page .video-bottom .back-to-history {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.main-dark .video-detail-page .video-bottom .back-to-history svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-dark .video-detail-page .video-bottom .mobile-category {
  display: none;
  color: rgba(255, 255, 255, 0.4);
  margin: 5px 0 0;
  width: 100%;
}
.main-dark .video-detail-page .video-bottom .mobile-category .dot {
  width: 4px;
  height: 4px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  margin: 0 6px;
}
.main-dark .video-detail-page .video-bottom .mobile-detail-info {
  display: none;
  margin: 16px 0 5px;
  width: 100%;
}
.main-dark .video-detail-page .video-bottom .mobile-detail-info span i {
  color: #999999;
  margin-right: 12px;
}
.main-dark .video-detail-page .video-bottom h2 {
  font-size: 34px;
  font-family: "Notosans-bold";
  color: #fff;
  max-height: 150px;
  overflow: hidden;
}
.main-dark .video-detail-page .video-bottom h2 .live-now-tag,
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  margin-right: 10px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 2px 4px;
  position: relative;
  top: -6px;
  line-height: 16px;
}
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  margin: 0 10px;
}
.main-dark .video-detail-page .video-bottom h2 .live-now-tag {
  color: #fff;
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-dark .video-detail-page .video-bottom h2 .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-dark .video-detail-page .video-bottom .overview {
  color: #cccccc;
  font-size: 16px;
  margin-top: 20px;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 25px;
  overflow: hidden;
  max-height: 100px;
  word-break: break-word;
  opacity: 0.8;
}
.main-dark .video-detail-page .video-data-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .video-detail-page .video-data-info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 0.8125rem;
  margin-right: 1.875rem;
  color: #a2a2a2;
  position: relative;
}
.main-dark .video-detail-page .video-data-info span:last-child:after {
  display: none;
}
.main-dark .video-detail-page .video-data-info span:after {
  content: "";
  border-right: 1px solid #a2a2a2;
  position: absolute;
  top: 50%;
  right: -1.125rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .video-data-info .schedule {
  background-image: url("./media/calender-A4USJDIO.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .video-data-info .preview-icon {
  background-image: url("./media/eye-YA5A7TLL.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .play-info {
  margin-top: 10px;
}
.main-dark .video-detail-page .play-info .play-btn {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  border-radius: 3px;
  width: 6.25rem;
  position: relative;
  z-index: 1;
}
.main-dark .video-detail-page .play-info .play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-dark .video-detail-page .play-info .play-btn svg {
  margin-right: 10px;
  transition: all ease 0.4s;
}
.main-dark .video-detail-page .play-info .play-btn:hover {
  color: #f16c1f;
}
.main-dark .video-detail-page .play-info .play-btn:hover:before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-dark .video-detail-page .play-info .play-btn:hover svg {
  transform: translateX(5px) scale(0.9);
  transition: all ease 0.4s;
}
.main-dark .video-detail-page .play-info .play-btn:hover svg polygon {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info .get-premium-btn,
.main-dark .video-detail-page .play-info .buy-video {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  border-radius: 2px;
  width: auto;
  border: 1px solid #f16c1f;
}
.main-dark .video-detail-page .play-info .get-premium-btn:hover,
.main-dark .video-detail-page .play-info .buy-video:hover {
  background: #f16c1f;
}
.main-dark .video-detail-page .play-info .like:hover svg path,
.main-dark .video-detail-page .play-info .liked:hover svg path {
  fill: #9e9e9e;
}
.main-dark .video-detail-page .play-info .like.active svg path,
.main-dark .video-detail-page .play-info .liked.active svg path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9rem;
  font-family: "Notosans";
  margin-right: 1.125rem;
  vertical-align: middle;
  cursor: pointer;
}
.main-dark .video-detail-page .play-info .premium-or {
  margin-right: 1.125rem;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.6875rem;
}
.main-dark .video-detail-page .play-info .like-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .play-info .like-icon:hover path,
.main-dark .video-detail-page .play-info .like-icon .active path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .play-info .dislike-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-dark .video-detail-page .play-info .dislike-icon:hover path,
.main-dark .video-detail-page .play-info .dislike-icon .active path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .user-options {
  padding: 0.625rem 0;
  display: inline-block;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  margin-top: 0px;
}
.main-dark .video-detail-page .user-options .thumbs-up,
.main-dark .video-detail-page .user-options .thumbs-down {
  display: none;
}
.main-dark .video-detail-page .user-options a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-size: 0.875rem;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0 1rem 0 0;
}
.main-dark .video-detail-page .user-options a:last-child {
  padding-right: 0;
}
.main-dark .video-detail-page .user-options a i {
  margin-right: 10px;
}
.main-dark .video-detail-page .user-options a:hover {
  color: #ccc;
  transition: all 0.3s ease;
}
.main-dark .video-detail-page .user-options a:hover i {
  transform: scale(0.9);
  transition: all 0.3s ease;
}
.main-dark .video-detail-page .user-options a:last-child {
  margin-right: 0;
}
.main-dark .video-detail-page .user-options .like,
.main-dark .video-detail-page .user-options .liked {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .like svg,
.main-dark .video-detail-page .user-options .liked svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .user-options .like {
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .video-detail-page .user-options .like svg path {
  stroke: #ccc;
  stroke-width: 11px;
}
.main-dark .video-detail-page .user-options .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  background-repeat: no-repeat;
  background-size: contain;
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .video-detail-page .user-options .liked svg path {
  fill: #f16c1f;
}
.main-dark .video-detail-page .user-options .like-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-dark .video-detail-page .user-options .dislike-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-dark .video-detail-page .user-options .share-icon,
.main-dark .video-detail-page .user-options .down-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .share-icon svg,
.main-dark .video-detail-page .user-options .down-icon svg {
  width: 100%;
  height: 100%;
}
.main-dark .video-detail-page .user-options .download-pdf {
  color: #fff;
}
.main-dark .video-detail-page .user-options .down-icon {
  fill: #fff;
}
.main-dark .video-detail-page .user-options .playlist-icon {
  width: 22px;
  height: 17px;
  display: inline-block;
}
.main-dark .video-detail-page .user-options .cmt-icon {
  width: 22px;
  height: 20px;
  display: inline-block;
}
.main-dark .video-detail-page .video-con-right {
  margin-top: 15px;
}
.main-dark .video-detail-page .video-con-right .video-casting-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .video_category_name p {
  margin-right: 10px;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .video_category_name p:last-child i {
  display: none;
}
.main-dark .video-detail-page .video-con-right .video-casting-info .content-details {
  display: flex;
  margin-bottom: 5px;
}
.main-dark .video-detail-page .video-con-right span {
  font-size: 0.9rem;
  font-family: "Notosans";
  display: inline-block;
  text-transform: capitalize;
  color: #858585;
  min-width: 5rem;
  margin-right: 0;
  margin-top: -4px;
}
.main-dark .video-detail-page .video-con-right span:last-child i {
  display: none;
}
.main-dark .video-detail-page .video-con-right p {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  vertical-align: middle;
  max-width: 85%;
}
.main-dark .video-detail-page .video-con-right .starring-links a {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  cursor: pointer;
  color: #cacaca;
}
.main-dark .video-detail-page .video-con-right .starring-links a:hover {
  color: #f16c1f;
}
.main-dark .video-detail-page .video-con-right .content-details {
  min-width: 100%;
  margin-bottom: 0.9375rem;
  padding-right: 1.25rem;
}
.main-dark .video-detail-page .video-con-right .content-details:last-child {
  flex: 1 100%;
}
.main-dark .video-detail-page .related-videos h6 {
  font-size: 1.3125rem;
  font-family: #fff;
  color: #d0d0d0;
}
.main-dark .video-detail-page .related-videos .small-vplay {
  margin-top: 0;
  padding-top: 0;
}
.main-dark .video-detail-page .related-videos .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .video-detail-page .related-videos .item,
.main-dark .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item {
  border-radius: 3px;
  overflow: hidden;
}
.main-dark .video-detail-page .related-videos .slider-content h3 {
  font-size: 17px !important;
  font-family: "Notosans";
  color: #cacaca;
}
.main-dark .video-detail-page .related-videos .slider-content .category-text {
  font-size: 0.78125rem;
}
.main-dark .video-detail-page .see-more-blk {
  text-align: center;
  margin: 1.25rem 0;
}
.main-dark .video-detail-page .see-more-blk .see-more {
  font-size: 0.875rem;
  padding: 0.8125rem 0.9375rem;
  text-transform: uppercase;
  width: 10rem;
  font-family: "Notosans";
}
.main-dark .video-detail-page .restriction-message {
  margin: 0.625rem 0px 0px 0px;
  font-size: 14px;
  line-height: 1.375rem;
  font-weight: 600;
  color: #e62627;
  display: inline-block;
}
.main-dark .related-videos-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .vplay-cmts-outer {
  width: 62%;
  margin: auto;
}
.main-dark .vplay-comments {
  padding: 1.25rem 0;
}
.main-dark .vplay-comments h6 {
  font-size: 0.84375rem;
  font-family: "Notosans-bold";
  color: #cacaca;
  text-transform: uppercase;
}
.main-dark .vplay-comments h6 span {
  display: none;
}
.main-dark .vplay-comments .cmt-count {
  color: #fff;
  font-family: "Notosans";
  background: #f16c1f;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 12px;
  font-size: 0.9375rem;
  margin-right: 20px;
}
.main-dark .vplay-comments .prof-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  vertical-align: top;
}
.main-dark .vplay-comments .load-more {
  font-size: 0.9375rem;
  font-family: "Notosans";
  padding: 10px 20px;
  width: 100px;
  cursor: pointer;
}
.main-dark .vplay-comments .vplay-cmt-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2.1875rem;
}
.main-dark .vplay-comments .vplay-cmt-input .width-100 {
  width: 100%;
}
.main-dark .vplay-comments .vplay-cmt-input .comments-input {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .vplay-comments .vplay-cmt-input .repeat-comment {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied {
  width: 100%;
  padding-left: 13%;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  width: 85%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
  width: 3.375rem;
  height: 3.375rem;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  margin-left: 1.25rem;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-name {
  font-size: 0.75rem;
  margin-left: 0;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-text {
  background: transparent;
  border-bottom: 1px solid #3e3e3e;
  border-radius: 0;
  padding-left: 0;
  padding: 20px 0;
  height: 56px;
}
.main-dark .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-submit {
  margin-top: 0.625rem;
}
.main-dark .vplay-comments .cmt-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 1.75rem;
  width: 86.5%;
  position: relative;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .vplay-comments .hrs-ago {
  color: #ababab;
  font-size: 0.8125rem;
  margin-left: 0.9375rem;
  font-family: "Notosans-medium";
  letter-spacing: 0;
  text-transform: lowercase;
}
.main-dark .vplay-comments .cmt-name {
  font-size: 0.84375rem;
  font-family: "Notosans-bold";
  letter-spacing: 0.5px;
  color: #cacaca;
  text-transform: capitalize;
}
.main-dark .vplay-comments .cmt-name + .cmt-text {
  margin-top: 1.5625rem;
}
.main-dark .vplay-comments .cmt-text {
  height: 4.6875rem;
  padding: 1.5625rem 2.125rem;
  border-radius: 0.375rem;
  border: 0;
  color: #dedede;
  background: #14253d;
  font-size: 1rem;
  margin-top: 0rem;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
  resize: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.main-dark .vplay-comments .cmt-text:focus {
  outline: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  background: #1d2f48;
}
.main-dark .vplay-comments .cmt-para {
  color: #dedede;
  font-size: 0.9375rem;
  margin-top: 0.625rem;
  font-family: "Notosans";
  line-height: 1.25rem;
  letter-spacing: 0.2px;
  word-break: break-word;
}
.main-dark .vplay-comments .cmt-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 112px;
  border: 0;
  cursor: pointer;
  margin-top: 2.125rem;
  line-height: 1.125rem;
}
.main-dark .vplay-comments .reply-actions {
  margin: 0.9375rem 0 0 0;
  font-size: 0.875rem;
  font-family: "Notosans-bold";
  color: #434343;
  color: #d0d0d0;
}
.main-dark .vplay-comments .view-reply {
  margin-right: 2.5rem;
  cursor: pointer;
}
.main-dark .vplay-comments .view-reply .uparrow-icon {
  background: url("./media/right-arrow-PBDN2MRT.svg") no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(90deg);
  transition: 0.3s transform ease-in;
}
.main-dark .vplay-comments .view-reply .uparrow-icon.move-down {
  transform: rotate(270deg);
  transition: 0.3s transform ease-out;
}
.main-dark .vplay-comments .cmt-reply {
  cursor: pointer;
}
.main-dark {
}
.main-dark .profile-page {
  padding: 2.5rem 0;
  position: relative;
}
.main-dark .profile-page .container {
  position: relative;
}
.main-dark .profile-page aside {
  position: relative;
  width: 18%;
  margin-bottom: 50px;
  display: inline-block;
  background: #1b1e23;
  color: #e2e2e2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.main-dark .profile-page aside .toggle-for-mobile {
  display: none;
}
.main-dark .profile-page .vplay-profile-menu {
  padding: 0.3125rem 0;
}
.main-dark .profile-page .vplay-profile-menu.for-mobile {
  display: none !important;
}
.main-dark .profile-page .vplay-profile-menu li {
  padding: 0.75rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-dark .profile-page .vplay-profile-menu li span {
  font-size: 0.875rem;
}
.main-dark .profile-page .vplay-profile-menu li:focus {
  outline: none;
}
.main-dark .profile-page .vplay-profile-menu li.active,
.main-dark .profile-page .vplay-profile-menu li:hover {
  color: #f16c1f;
}
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .dark-theme-icon,
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .light-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .dark-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .light-theme-icon {
  display: none;
}
.main-dark .profile-page .vplay-profile-menu li.active .sidebar-icon .active-theme-icon,
.main-dark .profile-page .vplay-profile-menu li:hover .sidebar-icon .active-theme-icon {
  display: block;
}
.main-dark .profile-page .vplay-profile-menu li:active:before,
.main-dark .profile-page .vplay-profile-menu li:hover:before,
.main-dark .profile-page .vplay-profile-menu li.active:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: 10%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.2s;
}
.main-dark .profile-page .vplay-profile-menu li:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: -100%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.1s;
}
.main-dark .profile-page .vplay-profile-menu a {
  padding: 0.625rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-dark .profile-page .vplay-profile-menu a:focus {
  outline: none;
}
.main-dark .profile-page .vplay-profile-menu a.active,
.main-dark .profile-page .vplay-profile-menu a:hover {
  color: #fa5013;
}
.main-dark .profile-page .vplay-profile-menu a.active .account_ic,
.main-dark .profile-page .vplay-profile-menu a:hover .account_ic {
  background-image: url("./media/account-active-KTNDXTTA.svg");
}
.main-dark .profile-page .vplay-profile-menu a.active .profile,
.main-dark .profile-page .vplay-profile-menu a:hover .profile {
  background-position: 0 -25px;
}
.main-dark .profile-page .vplay-profile-menu a.active .favourite,
.main-dark .profile-page .vplay-profile-menu a:hover .favourite {
  background-position: -24px -27px;
}
.main-dark .profile-page .vplay-profile-menu a.active .playlist,
.main-dark .profile-page .vplay-profile-menu a:hover .playlist {
  background-position: -49px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .history,
.main-dark .profile-page .vplay-profile-menu a:hover .history {
  background-position: -71px -27px;
}
.main-dark .profile-page .vplay-profile-menu a.active .transaction,
.main-dark .profile-page .vplay-profile-menu a:hover .transaction {
  background-position: -94px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .password,
.main-dark .profile-page .vplay-profile-menu a:hover .password {
  background-position: -122px -26px;
}
.main-dark .profile-page .vplay-profile-menu a.active .saved-card,
.main-dark .profile-page .vplay-profile-menu a:hover .saved-card {
  background-position: -88px -178px;
}
.main-dark .profile-page .vplay-profile-menu a.active .setting,
.main-dark .profile-page .vplay-profile-menu a:hover .setting {
  background-position: -169px -26px;
}
.main-dark .profile-page .vplay-profile-menu i {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 1.5625rem;
  vertical-align: middle;
}
.main-dark .profile-page .vplay-profile-menu i img {
  max-width: 100%;
}
.main-dark .profile-page .vplay-profile-menu .active-theme-icon {
  display: none;
}
.main-dark .profile-page .profile-right {
  width: 80%;
  margin-left: 2%;
  margin-bottom: 3.125rem;
  display: inline-block;
  vertical-align: top;
  color: #d0d0d0;
}
.main-dark .profile-page .profile-right .intl-tel-input .selected-flag {
  outline: none;
}
.main-dark .profile-page .profile-right .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background: transparent;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list {
  font-size: 0.875rem;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list li.country {
  padding: 0.4375rem 0.9375rem;
}
.main-dark .profile-page .profile-right .intl-tel-input .country-list li.country .flag-box {
  margin-right: 0.625rem;
}
.main-dark .profile-page .profile-right h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .edit-profile-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .v-user {
  position: relative;
  padding: 0.625rem;
  margin-right: 2.5rem;
  display: inline-block;
}
.main-dark .profile-page .profile-right .v-user .v-user-image {
  max-width: 70%;
}
.main-dark .profile-page .profile-right .user-img {
  position: relative;
  width: 9.0625rem;
  height: 9.0625rem;
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .user-img input {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  opacity: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .user-img > span {
  position: absolute;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.9375rem;
  padding: 0.375rem;
  cursor: pointer;
  transition: bottom ease 0.3s;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .user-img .load-more-blk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(58, 51, 51, 0.84);
}
.main-dark .profile-page .profile-right .user-note {
  color: #9c9c9c;
  font-size: 0.875rem;
  width: 70%;
  font-family: "Notosans";
  margin-top: 5px;
  text-align: center;
}
.main-dark .profile-page .profile-right .v-user-detail {
  margin-left: 0.9375rem;
  display: block;
  width: 49%;
}
.main-dark .profile-page .profile-right .v-user-detail h3 {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "Notosans-medium";
}
.main-dark .profile-page .profile-right .v-user-detail label {
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .v-user-detail span {
  color: #ff7b0a;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
  width: 100%;
  max-width: 50%;
  border-radius: 4px;
  padding: 1.25rem 1.25rem 1.5625rem 1.5625rem;
  margin-right: 1.25rem;
  position: relative;
  border: 1px solid #14253d;
  border-radius: 4px;
  background: #14253d;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer {
  width: 36%;
  margin-left: 2%;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan svg {
  position: absolute;
  left: -10px;
  top: 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-left h6 {
  color: #7d8d9c;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:before {
  background: #7d8d9c;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:after {
  background: url("./media/silver-HWIOQ72K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-left h6 {
  color: #f5882a;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:before {
  background: #f38a31;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:after {
  background: url("./media/gold-WXS72RMY.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-left h6 {
  color: #3d669d;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:before {
  background: #3d669d;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:after {
  background: url("./media/platinum-TOVPEAEL.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left {
  padding: 1.375rem 0.625rem;
  width: 50%;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left h6 {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left p {
  color: #585858;
  font-size: 0.9375rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right {
  position: relative;
  padding: 0.625rem;
  padding-left: 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: -1;
  transform: skew(-30deg);
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -60px;
  top: 0;
  z-index: 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right p {
  color: #fff;
  font-size: 0.9375rem;
  margin-bottom: 5px;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right span {
  color: #fff;
  font-size: 2rem;
  font-family: "Notosans-medium";
  margin-bottom: 5px;
}
.main-dark .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right a {
  font-size: 0.75rem;
  font-family: "Notosans-medium";
  text-decoration: underline;
  text-transform: uppercase;
  color: #fcd487;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-img {
  position: relative;
  width: 6.875rem;
  height: 6.875rem;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data {
  margin-left: 1.5625rem;
  flex: 1;
  width: 50%;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 i {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 i svg {
  width: 100%;
  height: 100%;
  fill: #ccc;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data {
  color: #ccc;
  font-size: 0.875rem;
  font-family: "Notosans";
  cursor: pointer;
  margin-left: auto;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data i,
.main-dark .profile-page .profile-right .profile-dashboard .edit-data svg {
  display: inline-block;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data i {
  margin-right: 0.3125rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .edit-data svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.25rem;
}
.main-dark .profile-page .profile-right .profile-dashboard h3 {
  color: #ccc;
  font-size: 1.375rem;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard label {
  font-size: 0.75rem;
  font-family: "Notosans";
  padding: 0.4375rem 0 0.4375rem;
  display: inline-block;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .profile-dashboard label span {
  text-transform: uppercase;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  letter-spacing: 0.3px;
  display: inline-block;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  line-height: 1.15rem;
}
.main-dark .profile-page .profile-right .profile-dashboard h4 {
  font-size: 0.875rem;
  font-family: "Notosans";
  padding: 0.4375rem 0;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.5625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.375rem 0.9375rem 1.375rem 1.8125rem;
  margin: 0 5px 15px 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
  max-width: 48%;
  background: #1b1e23;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card i {
  width: 1.75rem;
  height: 1.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: 50%;
  margin-right: 1.5625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-card i svg {
  width: 100%;
  height: 100%;
  fill: #d0d0d0;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats {
  cursor: pointer;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
  word-break: break-all;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats span {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .data-stats p {
  font-size: 0.875rem;
  color: #ccc;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
  margin: 0 -0.625rem;
}
.main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: top;
}
.main-dark .profile-page .profile-right .settings h2 {
  padding-bottom: 14px;
  border-bottom: 1px solid #2f3640;
  margin-bottom: 18px;
}
.main-dark .profile-page .profile-right .settings > span {
  font-size: 1.0625rem;
  font-family: "Notosans-bold";
  display: inline-block;
  margin-bottom: 0.4375rem;
}
.main-dark .profile-page .profile-right .settings .toggle-answer {
  display: inline-block;
  margin-right: 10px;
}
.main-dark .profile-page .profile-right .settings .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .settings .switch input {
  display: none;
}
.main-dark .profile-page .profile-right .settings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-dark .profile-page .profile-right .settings .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-dark .profile-page .profile-right .settings input:checked + .slider {
  background-color: #f16c1f;
}
.main-dark .profile-page .profile-right .settings input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.main-dark .profile-page .profile-right .settings input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.main-dark .profile-page .profile-right .settings {
}
.main-dark .profile-page .profile-right .settings .slider.round {
  border-radius: 34px;
}
.main-dark .profile-page .profile-right .settings .slider.round:before {
  border-radius: 50%;
}
.main-dark .profile-page .profile-right .settings .setting-block {
  margin-bottom: 1.5625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #ccc;
}
.main-dark .profile-page .profile-right .settings .setting-block:last-child {
  border-bottom: 0;
}
.main-dark .profile-page .profile-right .settings .setting-block select {
  padding: 5px;
  border-radius: 3px;
  width: 200px;
  background: #fff;
}
.main-dark .profile-page .profile-right .settings .cancel-subs button {
  padding: 0.7375rem 1.25rem;
  width: auto;
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-dark .profile-page .profile-right .settings li {
  padding: 0.75rem 0;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .settings label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .settings .checkbox {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-dark .profile-page .profile-right .settings .checkbox:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .cancel-subs-popup {
  width: 100%;
  max-width: 25.5rem;
  padding: 1.875rem;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  background: #fff;
  border-radius: 5px;
}
.main-dark .profile-page .profile-right .cancel-subs-popup.open {
  visibility: visible;
  opacity: 1;
}
.main-dark .profile-page .profile-right .cancel-subs-popup span {
  color: #4f4f4f;
  font-size: 1rem;
  display: block;
}
.main-dark .profile-page .profile-right .cancel-subs-popup .cancel-action-btns {
  margin-top: 1.875rem;
}
.main-dark .profile-page .profile-right .cancel-subs-popup .cancel-action-btns .action-btn {
  width: 4.0625rem;
  height: 2.5rem;
  background: #f16c1f;
  color: #fff;
  display: inline-block;
  line-height: 2.5rem;
  border-radius: 3px;
  margin: 0 9px;
  text-transform: uppercase;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .notifications .not-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 6.25rem 0.9375rem 2.5rem;
  background: #f2f1f1;
}
.main-dark .profile-page .profile-right .notifications h2 {
  font-size: 0.875rem;
  font-family: "Notosans";
  margin-bottom: 0;
}
.main-dark .profile-page .profile-right .notifications select {
  height: 20px;
  width: 6.25rem;
  border-radius: 4px;
  background: transparent;
}
.main-dark .profile-page .profile-right .notifications .not-box {
  padding: 0.625rem 6.25rem 0.625rem 2.5rem;
  border: 1px solid #ecebeb;
  border-top: 0;
}
.main-dark .profile-page .profile-right .notifications p {
  color: #626262;
  font-size: 0.8125rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .notifications span {
  font-size: 0.6875rem;
  color: #858585;
}
.main-dark .profile-page .profile-right .notifications span strong {
  font-family: "Notosans-bold";
  color: #575757;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .saved-card-page .owl-stage-outer {
  padding-bottom: 20px;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dots {
  text-align: center;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background: #f16c1f;
  opacity: 0.5;
  margin-right: 10px;
}
.main-dark .profile-page .profile-right .saved-card-page .owl-dot.active {
  opacity: 1;
}
.main-dark .profile-page .profile-right .saved-card-page .saved-card-slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card {
  position: relative;
  padding: 0.9375rem;
  background: #252a30;
  border: 1px solid #252a30;
  border-radius: 0.375rem;
  display: inline-block;
  width: 32.3%;
  margin: 0.5%;
  color: #e2e2e2;
  font-family: "Notosans";
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card label {
  font-size: 0.625rem;
  text-transform: uppercase;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card p {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .card-inner-set.last {
  margin-bottom: 0.625rem;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 15px;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .delete {
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 30px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .added-card .delete svg path {
  fill: #8b8b8b;
}
.main-dark .profile-page .profile-right .saved-card-page .add-new-card {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 32.3%;
  height: 11.875rem;
  margin: 0.5%;
  border: 1px solid transparent;
  background: #1b1e23;
  border-radius: 0.375rem;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .saved-card-page .add-new-card span {
  color: #d0d0d0;
  font-size: 1.125rem;
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .addnew-card-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  width: 100%;
}
.main-dark .profile-page .profile-right .addnew-card-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card {
  width: 90%;
  max-width: 29.6875rem;
  margin: 0 auto;
  position: relative;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 0.9375rem 0 3.125rem;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form {
  width: 100%;
  height: 100%;
  padding: 0.9375rem 1.5625rem;
  text-align: left;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group {
  margin-bottom: 5px;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group label {
  display: block;
  text-transform: uppercase;
  color: #898989;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input {
  font-size: 1rem;
  height: 3rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5rem 0.625rem;
  color: #424242 !important;
  width: 100%;
  margin-top: 10px;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-webkit-input-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-moz-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-ms-input-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-moz-placeholder {
  color: #a6a6a6;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:hover,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:hover,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #424242;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date {
  margin: 1.5625rem 0 0.9375rem;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date .card-input {
  max-width: 6.875rem;
  display: block;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .video-detail-page .see-more-blk button.see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .vplay-comments button.load-more,
.main-dark .vplay-comments .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .change-password button.cancel-btn,
.main-dark .profile-page .profile-right .change-password .addnew-card-popup .addnew-card form button.cancel-btn,
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card form .profile-form button.cancel-btn,
.main-dark .profile-page .profile-right .profile-form .addnew-card-popup .addnew-card form button.cancel-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.main-dark .profile-page .profile-right .addnew-card-popup .addnew-card .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .save-playlist .save-playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item {
  width: 24%;
  margin: 0.8% 0.5%;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist-num {
  padding-bottom: 0;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist svg {
  height: 28px;
  width: 22px;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .playlist-img {
  height: 7rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content {
  height: 2.1875rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content p {
  color: #000;
  font-size: 0.75rem;
}
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .added,
.main-dark .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .add {
  height: 28px;
  width: 22px;
  transform: scale(1);
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right {
}
.main-dark .profile-page .profile-right .history .profile-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.main-dark .profile-page .profile-right .history .profile-tittle h2 {
  margin-bottom: 0;
}
.main-dark .profile-page .profile-right .history .profile-tittle.pl-date-blk {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.main-dark .profile-page .profile-right .history .profile-tittle.pl-date-blk .playlist-date {
  font-size: 0.875rem;
  color: #888585;
  font-family: "Notosans";
  margin-top: 5px;
}
.main-dark .profile-page .profile-right .history .profile-tittle .clear {
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
  background: #f16c1f;
  font-family: "Notosans";
  padding: 5px 10px;
  border-radius: 15px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .history .history-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .profile-page .profile-right .history .history-container .item {
  width: 23.8%;
  margin: 0% 0% 1.5% 1%;
  border-radius: 5px;
  overflow: hidden;
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
  width: 10rem;
}
.main-dark .profile-page .profile-right .history .history-container .item .slider-item,
.main-dark .profile-page .profile-right .history .history-container .item .item {
  width: 100%;
  height: 100%;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover .delete {
  transform: rotate(45deg) translate(25px, -30px);
  transition: transform ease 0.3s;
}
.main-dark .profile-page .profile-right .history .history-container .item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-dark .profile-page .profile-right .history .history-container .item .delete {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  width: 100px;
  height: 28px;
  transform: rotate(45deg) translate(25px, -60px);
  position: absolute;
  right: 0;
  top: 0;
  transition: transform ease 0.3s;
}
.main-dark .profile-page .profile-right .history .history-container .item .delete svg {
  width: 9px;
  height: 9px;
  margin-top: 3px;
  display: inline-block;
  transform: rotate(45deg);
}
.main-dark .profile-page .profile-right .transaction {
  font-family: "Notosans";
  font-size: 0.9375rem;
  color: #ccc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table th:nth-child(2) {
  text-align: left;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table td:nth-child(2) {
  text-align: left;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name:hover {
  color: #f16c1f;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .album-name .album-img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin-right: 0.9375rem;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .views_warning {
  color: #fb4444;
}
.main-dark .profile-page .profile-right .transaction.purchased_videos table .re-order {
  background: #27cbf1;
  padding: 0.375rem 0.75rem;
  color: #fff;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
.main-dark .profile-page .profile-right .transaction .trans-date {
  font-size: 12px;
  color: #9a9a9a;
  margin-left: 10px;
}
.main-dark .profile-page .profile-right .transaction table {
  text-align: center;
  width: 100%;
}
.main-dark .profile-page .profile-right .transaction table thead th {
  padding: 0.625rem;
  background-color: #14253d;
}
.main-dark .profile-page .profile-right .transaction table tbody tr {
  border-bottom: 1px solid #252a30;
}
.main-dark .profile-page .profile-right .transaction table tbody tr:last-child {
  border-bottom: none;
}
.main-dark .profile-page .profile-right .transaction table tbody td {
  padding: 0.9375rem 0.3125rem;
  vertical-align: middle;
}
.main-dark .profile-page .profile-right .transaction table tbody td.video-name {
  max-width: 275px;
  cursor: pointer;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .profile-page .profile-right .transaction table tbody td.video-name:hover {
  color: #f16c1f;
}
.main-dark .profile-page .profile-right .transaction table tbody td input[type=text] {
  height: 1.6875rem;
  border: 1px solid #979797;
  width: 70%;
  border-radius: 5px;
  padding-left: 0.5rem;
}
.main-dark .profile-page .profile-right .transaction table tbody td .sprite-table {
  background: #f3f3f3 url("./media/sprite-RXTZEBSA.png") no-repeat;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 2px 5px 0 5px;
}
.main-dark .profile-page .profile-right .transaction table tbody td .table-refrsh {
  background-position: -264px 1px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction table tbody td .table-search {
  background-position: -240px 0px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction table tbody td .delete {
  background-position: -221px -5px;
  background-color: transparent;
  width: 13px;
  height: 15px;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .transaction .t-foot {
  padding: 1.5625rem 2.1875rem;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .transaction .t-foot select {
  padding: 0 0.3125rem;
  border-radius: 4px;
  margin: 0 0.9375rem;
  height: 28px;
  outline: 0;
  font-size: 0.6875rem;
  color: #313131;
}
.main-dark .profile-page .profile-right .change-password form,
.main-dark .profile-page .profile-right .profile-form form {
  padding-top: 0.625rem;
  width: 28.4375rem;
  position: relative;
}
.main-dark .profile-page .profile-right .change-password .intl-tel-input .country-list,
.main-dark .profile-page .profile-right .profile-form .intl-tel-input .country-list {
  top: 3.75rem;
}
.main-dark .profile-page .profile-right .change-password .input-group,
.main-dark .profile-page .profile-right .profile-form .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 2.875rem;
}
.main-dark .profile-page .profile-right .change-password .input-group.email-disabled > label,
.main-dark .profile-page .profile-right .profile-form .input-group.email-disabled > label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number {
  z-index: 3;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .intl-tel-input,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .intl-tel-input {
  vertical-align: middle;
  z-index: 0;
  height: 100%;
  border-right: 1px solid #737373;
  width: 48px;
  position: absolute;
  left: 0;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .flag-container,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .flag-container {
  outline: none;
}
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number .country-code,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number .country-code {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Notosans";
}
.main-dark .profile-page .profile-right .change-password .input-group > .input-box:focus ~ label,
.main-dark .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:focus ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group > .input-box:focus ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group > .input-box:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group > .input-box:not(focus):valid ~ label,
.main-dark .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:not(focus):valid ~ label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-dark .profile-page .profile-right .change-password .input-group label,
.main-dark .profile-page .profile-right .profile-form .input-group label {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #d0d0d0;
  background: #091c34;
  font-family: "Notosans";
  z-index: 1;
  transition: 0.4s ease all;
  cursor: auto;
}
.main-dark .profile-page .profile-right .change-password .input-group.date i,
.main-dark .profile-page .profile-right .profile-form .input-group.date i {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -193px -1px;
  width: 23px;
  height: 23px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .change-password .input-group.date label,
.main-dark .profile-page .profile-right .change-password .input-group.mobile-number label,
.main-dark .profile-page .profile-right .profile-form .input-group.date label,
.main-dark .profile-page .profile-right .profile-form .input-group.mobile-number label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #091c34;
  z-index: 1;
}
.main-dark .profile-page .profile-right .change-password .error,
.main-dark .profile-page .profile-right .profile-form .error {
  font-size: 0.8rem;
  color: #ff0202;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  display: inline-block;
  margin-top: 5px;
  z-index: 2;
}
.main-dark .profile-page .profile-right .change-password .input-box,
.main-dark .profile-page .profile-right .profile-form .input-box {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #ccc;
  font-family: "Notosans";
  padding: 0 1.25rem;
  background: transparent;
}
.main-dark .profile-page .profile-right .change-password .input-box:focus,
.main-dark .profile-page .profile-right .profile-form .input-box:focus {
  border: 1px solid #f16c1f;
}
.main-dark .profile-page .profile-right .change-password .input-box option,
.main-dark .profile-page .profile-right .profile-form .input-box option {
  color: #000000;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #ccc;
  font-family: "Notosans";
  padding: 0 1.25rem;
  position: relative;
  background: transparent;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input:focus,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-calendar-container,
.main-dark .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-calendar-container {
  z-index: 9;
  margin-top: 20px;
}
.main-dark .profile-page .profile-right .change-password .profile-btn-blk,
.main-dark .profile-page .profile-right .profile-form .profile-btn-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .profile-page .profile-right .change-password .org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .change-password .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .change-password .see-more,
.main-dark .profile-page .profile-right .change-password .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .change-password .see-more,
.main-dark .profile-page .profile-right .change-password .vplay-comments .load-more,
.main-dark .vplay-comments .profile-page .profile-right .change-password .load-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .org-btn,
.main-light .vplay-comments .main-dark .profile-page .profile-right .profile-form .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .profile-page .profile-right .profile-form .see-more,
.main-dark .profile-page .profile-right .profile-form .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .profile-page .profile-right .profile-form .see-more,
.main-dark .profile-page .profile-right .profile-form .vplay-comments .load-more,
.main-dark .vplay-comments .profile-page .profile-right .profile-form .load-more,
.main-dark .profile-page .profile-right .profile-form .cancel-btn {
  text-transform: uppercase;
  cursor: pointer;
}
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .cancel-btn {
  background: #989898;
  margin-left: 1.25rem;
  cursor: pointer;
}
.main-dark .pricing h3 {
  font-size: 1.8125rem;
  text-align: center;
  padding: 43px 0;
  color: #cacaca;
  font-family: "Notosans";
}
.main-dark .pricing .subscription-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-dark .pricing .subscription-blk {
  max-width: 33.3%;
  width: 100%;
  padding: 1% 1% 3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .pricing .single-subscription {
  width: 100%;
  text-align: center;
  background: #14253d;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
  border-top: 3px solid transparent;
}
.main-dark .pricing .single-subscription:hover {
  border-color: #f16c1f;
}
.main-dark .pricing .single-subscription h5 {
  padding: 1.5625rem 0;
  text-transform: uppercase;
  color: #cacaca;
  font-size: 1.6875rem;
  font-family: "Notosans-bold";
  line-height: inherit;
  padding-left: 15px;
  padding-right: 15px;
}
.main-dark .pricing .single-subscription p {
  font-size: 1rem;
  color: #909090;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-dark .pricing .single-subscription .sub-price {
  font-size: 3.375rem;
  color: #cacaca;
  display: block;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-dark .pricing .single-subscription .subscribe {
  font-size: 1rem;
  color: #f16c1f;
  max-width: 16.25rem;
  width: 100%;
  display: inline-block;
  padding: 1.125rem 0.625rem;
  border: 1px solid #f16c1f;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-dark .pricing .single-subscription .subscribe:hover {
  color: #fff;
  border: 1px solid #f16c1f;
  transition: all ease 0.3s;
}
.main-dark .pricing .single-subscription .sub-list {
  padding: 1.625rem 0.75rem;
  border-top: 1px solid #8a8a8a;
  margin: 1.625rem 0 0;
}
.main-dark .pricing .single-subscription .subscribed {
  color: #fff;
  background: #f16c1f;
  border: 1px solid #f16c1f;
  font-size: 1rem;
  width: 100%;
  max-width: 16.25rem;
  display: inline-block;
  padding: 1.25rem 0.625rem;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-dark .pricing .sub-price span {
  font-size: 1.3125rem;
  display: inline-block;
  font-family: "Notosans";
  text-transform: capitalize;
}
.main-dark .pricing .sub-list li {
  margin-bottom: 18px;
  text-align: left;
  padding: 0 0 0 48px;
  position: relative;
  font-size: 0.875rem;
  color: #cacaca;
}
.main-dark .pricing .sub-list li:before {
  content: "";
  background-image: url("./media/tick-blue-HSD4R4U6.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 19px;
  position: absolute;
  left: 6px;
  top: 0;
}
.main-dark .faq-container {
  margin-top: 50px;
}
.main-dark .faq-container .clf2 {
  margin-top: 0px !important;
  margin-bottom: 50px !important;
}
.main-dark .faq-container h4 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-dark .faq-container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-dark .faq-container .faq-left,
.main-dark .faq-container .faq-right {
  max-width: 45%;
  width: 100%;
  float: left;
}
.main-dark .faq-container .faq-right {
  float: right;
}
.main-dark .faq-container .faq-blk {
  margin-bottom: 26px;
}
.main-dark .faq-container .faq-blk h5 {
  font-family: "Notosans-medium";
  color: #cacaca;
  font-size: 1.125rem;
  margin-bottom: 7px;
}
.main-dark .faq-container .faq-blk p {
  font-size: 0.875rem;
  color: #5f5f5f;
  line-height: 1.6875rem;
}
.main-dark .card-payment-popup {
  background: #111418;
  margin: 3.75rem 0;
  border: 1px solid #3c3c3c;
  width: 100%;
  border-radius: 0.375rem;
  z-index: 6;
  overflow: hidden;
}
.main-dark .card-payment-popup.payment-success {
  background: #f16c1f;
  padding: 0;
  height: 31.25rem;
}
.main-dark .card-payment-popup.add-card-width {
  max-width: 33.125rem;
}
.main-dark .card-payment-popup.saved-card-width {
  max-width: 17.375rem;
}
.main-dark .card-payment-popup.payment-popup-open {
  visibility: visible;
  opacity: 1;
}
.main-dark .card-payment-popup .popup_close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.main-dark .card-payment-popup .popup_close .close {
  width: 100%;
  height: 100%;
}
.main-dark .card-payment-popup .card-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px;
}
.main-dark .card-payment-popup h3 {
  font-size: 1.5rem;
  padding: 30px;
  color: #e2e2e2;
  border-bottom: 1px solid #3c3c3c;
  display: flex;
  justify-content: space-between;
}
.main-dark .card-payment-popup h3 span {
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
}
.main-dark .card-payment-popup h3 span .currency-price {
  color: #f16c1f;
  font-size: 30px;
  margin-left: 10px;
}
.main-dark .card-payment-popup .back-btn {
  font-size: 15px;
  cursor: pointer;
  border: none;
  padding: 0 20px;
  border-radius: 4px;
  margin-left: 20px;
  height: 40px;
  line-height: 40px;
}
.main-dark .card-payment-popup .card-menu {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-dark .card-payment-popup .card-left-menu {
  border-right: 1px solid #3c3c3c;
}
.main-dark .card-payment-popup .card-left-menu a {
  position: relative;
  font-size: 1.125rem;
  color: #e2e2e2;
  text-align: right;
  font-family: "Notosans";
  padding: 0.875rem 2.5rem 0.875rem 0rem;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}
.main-dark .card-payment-popup .card-left-menu a:before {
  content: "";
  width: 2px;
  height: 0;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-dark .card-payment-popup .card-left-menu a:hover,
.main-dark .card-payment-popup .card-left-menu a.active {
  color: #f16c1f;
}
.main-dark .card-payment-popup .card-left-menu a:hover:before,
.main-dark .card-payment-popup .card-left-menu a.active:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-dark .card-payment-popup .added-card-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-dark .card-payment-popup .added-card {
  position: relative;
  padding: 1.25rem;
  margin: 0 1%;
  background: #252a30;
  border: 1px solid #252a30;
  border-radius: 0.5rem;
  display: inline-block;
  width: 31.3%;
  color: #e2e2e2;
  margin-bottom: 10px;
  font-family: "Notosans";
  cursor: pointer;
  transition: all ease 0.3s;
}
.main-dark .card-payment-popup .added-card:hover {
  box-shadow: 1px 2px 11px 3px #000;
  transition: all ease 0.3s;
}
.main-dark .card-payment-popup .added-card:hover .delete-card {
  opacity: 1;
  visibility: visible;
}
.main-dark .card-payment-popup .added-card label {
  font-size: 10px;
  text-transform: uppercase;
}
.main-dark .card-payment-popup .added-card p {
  font-size: 0.96875rem;
  font-family: "Notosans-medium";
  padding-right: 1.25rem;
}
.main-dark .card-payment-popup .added-card .delete-card {
  position: absolute;
  top: 7px;
  right: 7px;
  opacity: 0;
  visibility: hidden;
  background: url("./media/card-delete-CBNYHNSV.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-dark .card-payment-popup .added-card .select-card {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 7px;
}
.main-dark .card-payment-popup .added-card .select-card input {
  background: url("./media/card-check-MYBXJD5K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-dark .card-payment-popup .added-card .select-card input:checked {
  background: url("./media/card-checked-YW2CMGMZ.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer .card-inner-set {
  width: 75%;
}
.main-dark .card-payment-popup .added-card .card-inner-set-outer .card-inner-set.card-cvv {
  width: 25%;
}
.main-dark .card-payment-popup .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv {
  position: relative;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv label {
  text-align: center;
  display: block;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv input {
  height: 1.75rem;
  border-radius: 2px;
  border: 1px solid #252a30;
  width: 100%;
  margin-top: 3px;
  padding: 0 5px;
  background: #091c34;
  color: #e2e2e2 !important;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .added-card .card-inner-set.card-cvv .error {
  position: relative;
  font-size: 0.625rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-dark .card-payment-popup .added-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-dark .card-payment-popup .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 15px;
}
.main-dark .card-payment-popup .card-right {
  display: block;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2.1875rem;
  min-height: 25rem;
}
.main-dark .card-payment-popup .pay-btn-blk {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0.625rem 0;
}
.main-dark .card-payment-popup .payment-note {
  font-size: 0.75rem;
  color: #777676;
  margin-top: 10px;
  font-family: "Notosans";
  max-width: 300px;
  display: block;
}
.main-dark .card-payment-popup .pay-secure-btn {
  padding: 0.625rem 1.25rem;
  border-radius: 3px;
  border: none;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  width: 21.5625rem;
  cursor: pointer;
}
.main-dark .card-payment-popup h6 {
  font-size: 1.25rem;
  font-family: "Notosans-bold";
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .add-card-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-dark .card-payment-popup .add-card-details .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
  display: block;
}
.main-dark .card-payment-popup .add-card {
  position: relative;
  display: inline-block;
  font-family: "Notosans";
  color: #e2e2e2;
  max-width: 21.5625rem;
}
.main-dark .card-payment-popup .add-card label {
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .add-card .card-input {
  font-size: 1rem;
  height: 2.8125rem;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 10px;
  color: #e2e2e2;
  width: 100%;
  margin-top: 10px;
}
.main-dark .card-payment-popup .add-card .card-input::-webkit-input-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input::-moz-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:-ms-input-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:-moz-placeholder {
  color: #a5a3a3;
}
.main-dark .card-payment-popup .add-card .card-input:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .add-card .card-inner-set {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 1.25rem;
}
.main-dark .card-payment-popup .add-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-number .card_field_group {
  width: 100%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
  width: 35%;
  margin-right: 3.125rem;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
  width: 25%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number input {
  width: 80%;
}
.main-dark .card-payment-popup .add-card .card-inner-set.card-name .card_field_group {
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk {
  max-width: 55px;
}
.main-dark .card-payment-popup .cvv-blk img {
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.9375rem;
  width: 100%;
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set label {
  color: #b3b3b3;
  font-size: 10px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .cvv-blk .card-inner-set input {
  color: #000;
  font-size: 14px;
  font-family: "Notosans-bold";
  background: transparent;
  border: none;
  letter-spacing: 2px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.main-dark .card-payment-popup .agree-chk {
  display: block;
  color: #a5a3a3;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
  font-size: 0.875rem;
  cursor: pointer;
}
.main-dark .card-payment-popup .agree-chk .checkbox {
  margin: 0 0.625rem 0 0;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  top: -1px;
  position: relative;
}
.main-dark .card-payment-popup .agree-chk .checkbox:checked {
  border: none;
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  background-position: center;
  animation: check 0.3s 1;
}
.main-dark .card-payment-popup .tot-subs {
  color: #727272;
  font-family: "Notosans-medium";
  font-size: 0.90625rem;
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .org-btn,
.main-light .profile-page .profile-right .change-password .main-dark .card-payment-popup .cancel-btn,
.main-light .profile-page .profile-right .profile-form .main-dark .card-payment-popup .cancel-btn,
.main-light .vplay-comments .main-dark .card-payment-popup .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .card-payment-popup .see-more,
.main-dark .card-payment-popup .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .card-payment-popup .see-more,
.main-dark .card-payment-popup .vplay-comments .load-more,
.main-dark .vplay-comments .card-payment-popup .load-more,
.main-dark .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
.main-dark .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
.main-dark .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
  width: 100%;
  font-family: "Notosans-medium";
  padding: 0.625rem 1.25rem;
  font-size: 1.125rem;
  max-width: 21.5625rem;
  margin-bottom: 5px;
}
.main-dark .card-payment-popup .net-banking-blk {
  max-width: 21.5625rem;
  width: 100%;
  color: #e2e2e2;
}
.main-dark .card-payment-popup .net-banking-blk .select-svg {
  position: relative;
  margin-top: 10px;
  margin-bottom: 1.5625rem;
}
.main-dark .card-payment-popup .net-banking-blk .select-svg svg polygon {
  fill: #ccc;
}
.main-dark .card-payment-popup .net-banking-blk label {
  font-size: 1rem;
  display: block;
  font-family: "Notosans";
}
.main-dark .card-payment-popup .net-banking-blk svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.main-dark .card-payment-popup .net-banking-blk select {
  height: 2.8125rem;
  color: #424242;
  font-size: 1.125rem;
  padding: 0 10px;
  padding-right: 15px;
  border-radius: 3px;
  border: 1px solid #ccc;
  outline: none;
  width: 100%;
  color: #e2e2e2;
  background: transparent;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-dark .card-payment-popup .net-banking-blk select:focus {
  border: 1px solid #f16c1f;
}
.main-dark .card-payment-popup .net-banking-blk select option {
  background: #101418;
}
.main-dark .card-payment-popup .payment-succes-blk-outer {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-dark .card-payment-popup .payment-succes-blk-outer .payment-succes-text {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 3%;
}
.main-dark .card-payment-popup .payment-succes-blk-outer .payment-succes-text p {
  font-size: 1.5rem;
  font-family: "Notosans";
  color: #fff;
}
.main-dark .card-payment-popup .payment-succes-blk {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 47rem;
  height: 47rem;
  margin: auto;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button.b {
  width: 100%;
  height: 100%;
  background-color: #20c2e7;
  background-image: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  animation: pulseb 2s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button.a {
  width: 20rem;
  height: 20rem;
  background-color: #22c8ee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: none;
  overflow: hidden;
  animation: pulsea 1s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk .pulse-button {
  position: relative;
  width: 40%;
  height: 40%;
  border: none;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
  box-shadow: 0 0 80px 20px rgba(0, 0, 0, 0.05);
  animation: pulse 1s 1 linear;
}
.main-dark .card-payment-popup .payment-succes-blk img {
  width: 100%;
  max-width: 270px;
  padding-top: 80px;
  animation: pulse 1s 1 linear;
}
@keyframes pulse {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2);
  }
}
@keyframes pulsea {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
@keyframes pulseb {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
.main-dark .popup-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
}
.main-dark .modal-open .popup-overlay {
  visibility: visible;
  opacity: 1;
}
.main-dark .cms-content .abt_hindi p span {
  font-size: 0.875rem !important;
  color: #d0d0d0 !important;
  line-height: 1.6875rem !important;
  font-family: Notosans-medium !important;
}
.main-dark .cms-content .abt_hindi .stronger {
  text-decoration: none !important;
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634 !important;
  font-size: 23px !important;
  margin-right: 10px;
  border-bottom: 2px solid #e89634 !important;
}
.main-dark .cms-content {
  margin: 45px auto;
}
.main-dark .cms-content h2 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  padding: 0 0 12px;
  margin: 0 0 0px;
  position: relative;
  display: inline-block;
}
.main-dark .cms-content .static-content {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.6875rem;
  font-family: "Notosans";
}
.main-dark .cms-content .static-content strong {
  font-family: "Notosans-medium";
  font-weight: normal;
}
.main-dark .cms-content .static-content p,
.main-dark .cms-content .static-content span {
  background: transparent !important;
}
.main-dark .cms-content .tabel_ol li {
  color: #d0d0d0 !important;
}
.main-dark .cms-content .tabel_ol li p span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content ol li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-dark .cms-content ul li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-dark .cms-content .ano {
  padding-left: 50px;
}
.main-dark .cms-content li p span {
  color: #e79633;
  font-family: "Notosans-bold" !important;
}
.main-dark .cms-content p {
  font-size: 0.875rem !important;
  color: #d0d0d0 !important;
  line-height: 1.6875rem !important;
  font-family: "Notosans-medium" !important;
  margin-top: 8px !important;
}
.main-dark .cms-content p span {
  background: transparent !important;
  font-size: 0.875rem !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content p a {
  color: #e59433 !important;
  margin-right: 5px;
  cursor: pointer;
}
.main-dark .cms-content p a span {
  background: transparent !important;
  color: #e59433 !important;
}
.main-dark .cms-content p strong {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
  font-size: 23px;
  margin-right: 5px;
  border-bottom: 2px solid #e89634;
}
.main-dark .cms-content .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-dark .nou {
  text-decoration: none !important;
}
.main-dark .cms-content .terms .nopad {
  padding-left: 20px !important;
}
.main-dark .cms-content .terms .table_ol li span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content .terms .table_ol li {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-dark .cms-content .terms .ano {
  padding-left: 55px;
}
.main-dark .cms-content .terms .slileft {
  padding-left: 75px;
}
.main-dark .cms-content .terms .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-dark .cms-content .terms .bolder_text .und {
  border-bottom: 1px solid #e89634;
}
.main-dark .cms-content .terms p strong span {
  font-family: "Notosans-bold" !important;
}
.main-dark .cms-content .terms p strong {
  border-bottom: none !important;
}
.main-dark .initimation-subscribe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.49);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.main-dark .initimation-subscribe p {
  font-size: 1.375rem;
  color: #fff;
  margin-bottom: 1.25rem;
}
.main-dark .initimation-subscribe .make-subscription {
  text-transform: uppercase;
}
.main-dark .my-playlist-container ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .my-playlist-container ul .my-playlist-list {
  margin-right: 25px !important;
  width: 300px;
  max-width: 27.6%;
  margin: 0.7%;
  -webkit-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 16.6% !important;
  }
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left {
  width: 77%;
  height: 11.25rem;
  background: #d4d4d4;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left .my-playlist-thumb {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right {
  width: 23%;
  background: #142f4f;
  color: #fff;
  text-align: center;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right .playlist-video-count {
  display: block;
  font-size: 1.125rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: #ccc;
  margin-top: 0.25rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 1.25rem;
  position: relative;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail h3 {
  font-size: 0.875rem;
  display: block;
  color: #cacaca;
  width: 100%;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playist-more-ic svg {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li {
  position: relative;
  width: 100%;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li a {
  color: #2d2d2d;
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 0.9375rem 1.25rem;
  visibility: hidden;
  opacity: 0;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title label {
  font-size: 0.75rem;
  display: block;
  color: #3f3f3f;
  margin-bottom: 0.625rem;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
  width: 12.1875rem;
  border: none;
  border-bottom: 1px solid #a5a5a5;
  color: #3f3f3f;
  font-family: medium;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:hover,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:hover,
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group {
  position: relative;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group .error {
  position: absolute;
  font-size: 0.75rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns button {
  color: #3f3f3f;
  font-size: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Notosans-medium";
}
.main-dark .live-videos-page .video-tabs-blk {
  margin: 3.125rem 0 0 0;
  text-align: center;
}
.main-dark .live-videos-page .video-tabs-blk .video-tabs {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  background: #f3f3f3;
  overflow: hidden;
}
.main-dark .live-videos-page .video-tabs-blk a {
  font-size: 1.125rem;
  font-family: "Notosans";
  padding: 1rem 1.875rem;
  width: 11.875rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-dark .live-videos-page .video-tabs-blk a.active {
  color: #fff;
  background: #f16c1f;
}
.main-dark .live-videos-page .video-tabs-blk span {
  position: relative;
  z-index: 3;
}
.main-dark .live-videos-page .video-tabs-blk .live-now.active {
  color: #fff;
  background: #f16c1f;
}
.main-dark .live-videos-page h5 {
  font-family: "Notosans";
  font-size: 1.5rem;
  color: #cacaca;
  margin: 0.75rem 0 0.625rem;
}
.main-dark .live-videos-page .video-listing {
  margin-bottom: 1.875rem;
}
.main-dark .live-videos-page .video-listing .video-listing-container {
  margin: 0 -0.5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .live-videos-page .video-listing .video-listing-container .item {
  width: 15.6%;
  margin: 0.5%;
}
.main-dark .live-videos-page .home-banner {
  padding-bottom: 0.25rem;
}
.main-dark .live-videos-page .live-channel-marquee {
  max-width: 33%;
  width: 100%;
}
.main-dark .live-videos-page .live-channel-marquee marquee {
  font-size: 1.25rem;
  margin: 0.625rem 0 0;
  color: #fff;
}
.main-dark .live-videos-page .genre-view .genre-list {
  margin-bottom: 15px;
}
.main-dark .my-account-page {
  padding: 2.5rem 0;
  position: relative;
  margin-bottom: 5rem;
}
.main-dark .my-account-page .account-container {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
.main-dark .my-account-page .account-container h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
  color: #cacaca;
}
.main-dark .my-account-page .account-container .account-grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.main-dark .my-account-page .account-container .account-grid .account-list {
  border: 1px solid #14253d;
  background: #14253d;
  padding: 1.25rem 0.625rem 1.25rem 1.75rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 1% 20px;
  width: 100%;
  max-width: 31.3%;
  cursor: pointer;
}
.main-dark .my-account-page .account-container .account-grid .account-list:hover {
  background: #172b48;
}
.main-dark .my-account-page .account-container .account-grid .account-list:focus {
  outline: none;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
  margin-right: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon svg path {
  fill: #d0d0d0;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon img {
  width: 1.875rem;
  height: 1.875rem;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-cont h3 {
  margin-bottom: 5px;
  font-size: 1rem;
  color: #cacaca;
}
.main-dark .my-account-page .account-container .account-grid .account-list .acc-list-cont span {
  display: block;
  font-size: 0.8125rem;
  color: #c5c5c5;
  font-family: "Notosans";
}
.main-dark .heading-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .select-design {
  font-size: 0.75rem;
  position: relative;
  z-index: 2;
  margin-left: 10px;
}
.main-dark .select-design .drop-arr {
  background: url("./media/b-caret-AWMWFDMV.svg") no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.main-dark .select-design .select-selected {
  text-transform: uppercase;
  border: 1px solid #f16c1f;
  padding-right: 2.1875rem;
}
.main-dark .select-design a {
  color: #f16c1f;
  display: block;
  padding: 0.3125rem 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  transition: all 0.3s ease;
}
.main-dark .select-design ul {
  background: #091c34;
  position: absolute;
  width: 100%;
  box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.main-dark .select-design ul a:hover {
  background: #0c305a;
  transition: all 0.3s ease;
}
.main-dark .payment-page {
  padding: 4.375rem 0;
  width: 100%;
}
.main-dark .payment-page .payment-container {
  max-width: 47.1875rem;
  margin: 0 auto;
}
.main-dark .payment-page .payment-container.payment-failure .payment-head .payment-head-right .payment-title {
  color: #e63917;
}
.main-dark .payment-page .payment-container .payment-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  border-bottom: 2px solid #d6d6d6;
}
.main-dark .payment-page .payment-container .payment-head .playment-head-image {
  width: 12.5rem;
  margin-top: auto;
}
.main-dark .payment-page .payment-container .payment-head .playment-head-image img {
  max-width: 100%;
  display: block;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right {
  margin-left: 2.5rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
  color: #d0d0d0;
  font-size: 1.5rem;
  font-family: "Notosans-bold";
  margin-bottom: 0.75rem;
  line-height: normal;
}
.main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-text {
  font-size: 1rem;
  color: #d0d0d0;
  font-family: "Notosans";
}
.main-dark .payment-page .payment-container .payment-body {
  padding: 1.875rem 0;
  text-align: center;
}
.main-dark .payment-page .payment-container .payment-body ul {
  display: inline-block;
  text-align: left;
}
.main-dark .payment-page .payment-container .payment-body li {
  margin-bottom: 10px;
}
.main-dark .payment-page .payment-container .payment-body li label {
  color: #d0d0d0;
  width: 16.875rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9375rem;
}
.main-dark .payment-page .payment-container .payment-body li span {
  color: #d0d0d0;
  font-size: 1rem;
  font-family: "Notosans-bold";
}
.main-dark .payment-page .payment-container .payment-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 1.875rem 0 0;
}
.main-dark .payment-page .payment-container .payment-btns a {
  width: 10.625rem;
  height: 2.5rem;
  text-align: center;
  display: inline-block;
  color: #d0d0d0;
  font-size: 1rem;
  line-height: 2.5rem;
  font-family: "Notosans";
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 0 0.9375rem;
  cursor: pointer;
}
.main-dark .payment-page .payment-container .payment-btns a:hover {
  border-color: #f16c1f;
}
.main-dark {
}
.main-dark .passw-field {
  position: relative;
}
.main-dark .passw-field #eye {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: absolute;
  top: 45%;
  right: 15px;
  z-index: 2;
  cursor: pointer;
}
.main-dark .passw-field #eye svg {
  display: block;
}
.main-dark .passw-field input {
  padding-right: 45px;
}
.main-dark .opened-eye {
  display: none;
}
.main-dark .fa-eye.open .opened-eye {
  display: block;
}
.main-dark .fa-eye.open .closed-eye {
  display: none;
}
.main-dark .no-connection {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  z-index: 99;
  top: 0;
}
.main-dark .no-connection .content {
  background: #fff;
  width: 90%;
  max-width: 400px;
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 7px;
  padding: 0;
  text-align: center;
}
.main-dark .no-connection svg {
  max-width: 100%;
  max-height: 227px;
  margin-bottom: 0;
}
.main-dark .no-connection p {
  font-size: 13px;
  color: #333;
}
.main-dark .no-connection .content-text {
  padding: 0 30px 30px;
  font-family: "Notosans";
}
.main-dark .no-connection .content-header {
  padding: 15px;
  border-bottom: 1px dashed #bbb;
  position: relative;
}
.main-dark .no-connection .content-header h2 {
  padding: 0 20px;
  font-size: 1rem;
}
.main-dark .no-connection .content-header .close {
  width: 0.8125rem;
  height: 0.8125rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  cursor: pointer;
}
.main-dark .no-connection .content-header .close:hover svg path {
  opacity: 0.9;
}
.main-dark .no-connection .content-header .close svg {
  width: 100%;
  height: 100%;
}
.main-dark .videos-dimensions.play-fluid.play-ad-playing {
  padding: 0;
}
.main-dark .video-player-center.title-grd:before {
  display: none;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.3) 20%,
      hsla(0, 0%, 0%, 0) 100%);
  z-index: 1;
  display: block;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-countdown-div {
  position: fixed;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 0.375rem 1.125rem 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-family: "Notosans";
  text-align: right;
  height: auto;
  color: #fff;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-ad-container {
  z-index: unset !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-controls-div {
  height: 2.3125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-controls-div.ima-controls-div-showing {
  height: 2.3125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-seek-bar-div {
  height: 0.25rem;
  top: 0rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-progress-div {
  height: 0.25rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div,
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-mute-div,
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  top: 0.6875rem;
  line-height: normal;
  display: block !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div {
  left: 0.625rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-slider-div {
  top: 1rem;
  display: none !important;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-mute-div {
  right: 3.125rem;
}
.main-dark .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  right: 0.625rem;
}
.main-dark .xray-contents {
  top: 0;
  right: 0;
  color: #fff;
  z-index: 5;
  margin-left: auto;
}
.main-dark .xray-contents.xray-tabs-contents {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9;
  padding: 1.875rem;
  overflow: auto;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin: 0.875rem 0 1.25rem;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading .search_close {
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background: #ffffff;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-right: auto;
  margin-left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-dark .xray-contents.xray-tabs-contents .xray-heading .search_close svg {
  width: 1rem;
  height: 1rem;
}
.main-dark .xray-contents .xray-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 1rem;
}
.main-dark .xray-contents .xray-heading h2 {
  cursor: pointer;
  font-family: "Notosans-bold";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-heading h2 .logo {
  font-size: 0.6875rem;
  font-family: "Notosans";
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.47);
  padding: 0.1875rem;
  margin-left: 0.3125rem;
}
.main-dark .xray-contents .xray-heading .xray-viewall {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.968627451);
  font-size: 0.875rem;
  display: block;
  line-height: 1.375rem;
}
.main-dark .xray-contents .xray-heading .xray-division {
  margin: 0 0.625rem;
  display: block;
  font-size: 0;
}
.main-dark .xray-contents .xray-heading .xray-division:before {
  content: "";
  position: relative;
  width: 1px;
  height: 1.125rem;
  background: #fff;
  display: inline-block;
}
.main-dark .xray-contents .xray-heading .xray-arrow {
  margin-left: 0.4375rem;
}
.main-dark .xray-contents .xray-heading .xray-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
  fill: #fff;
  display: block;
}
.main-dark .xray-contents .xray-heading .xray-tabs {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-heading .xray-tabs a {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0.8125rem;
}
.main-dark .xray-contents .xray-heading .xray-tabs a:hover,
.main-dark .xray-contents .xray-heading .xray-tabs a.active {
  color: rgb(255, 255, 255);
}
.main-dark .xray-contents .xray-lists {
  position: absolute;
  width: 22.5rem;
  top: 3.25rem;
  right: 0;
  max-height: 31.25rem;
  overflow: auto;
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar {
  width: 5px;
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.53);
}
.main-dark .xray-contents .xray-lists::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.main-dark .xray-contents .xray-lists ul {
  margin-right: 0.3125rem;
}
.main-dark .xray-contents .xray-lists ul .hand-pointer {
  cursor: pointer;
}
.main-dark .xray-contents .xray-lists ul li {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-lists ul li + li {
  margin-top: 0.625rem;
}
.main-dark .xray-contents .xray-lists ul li:hover {
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .xray-contents .xray-lists ul li .xray-image {
  width: 5rem;
  margin-right: 0.625rem;
}
.main-dark .xray-contents .xray-lists ul li .xray-image img {
  width: 100%;
}
.main-dark .xray-contents .xray-lists ul li .xray-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: 0.5px;
  width: 50%;
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-title {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-subtitle {
  font-size: 0.875rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
}
.main-dark .xray-contents .xray-lists ul li .xray-content .xray-para {
  font-size: 0.75rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
  line-height: 0.875rem;
}
.main-dark .xray-contents .xray-tabs-lists ul {
  margin: 0 -0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-dark .xray-contents .xray-tabs-lists ul li {
  width: 14.285%;
  padding: 0 0.3125rem 0.625rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image {
  position: relative;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-image:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%,
      rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  left: 0;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0.3125rem 0.625rem 0.625rem;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content .xray-title {
  font-family: "Notosans";
  color: #fff;
  font-size: 0.875rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-dark .xray-contents .xray-tabs-lists ul li .xray-content .xray-subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .xray-contents .xray-cast-detail {
  font-family: "Notosans";
  color: rgba(255, 255, 255, 0.7);
}
.main-dark .xray-contents .xray-cast-detail .back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
  cursor: pointer;
}
.main-dark .xray-contents .xray-cast-detail .back svg {
  width: 0.75rem;
  fill: rgba(255, 255, 255, 0.7);
  height: 0.75rem;
  margin-right: 0.3125rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-image {
  width: 12.5rem;
  margin-right: 1.5625rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50%;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-title {
  max-width: 51.25rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-subtitle {
  max-width: 51.25rem;
  font-size: 0.875rem;
  color: #19b4d7;
  margin-top: 0.125rem;
}
.main-dark .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-para {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.9375rem;
  letter-spacing: 0.5px;
  max-width: 51.25rem;
}
.main-dark .xray-contents .xray-scenes-detail li {
  margin-bottom: 0.9375rem;
  background: rgba(85, 85, 85, 0.5);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
}
.main-dark .xray-contents .xray-scenes-detail li .image {
  width: 12.1875rem;
}
.main-dark .xray-contents .xray-scenes-detail li .image img {
  width: 100%;
  display: block;
}
.main-dark .xray-contents .xray-scenes-detail li .content {
  flex: 1;
  width: 50%;
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .xray-contents .xray-scenes-detail li .content h3 {
  font-size: 0.875rem;
  font-family: "Notosans";
  color: #ccc;
}
.main-dark .xray-contents .xray-scenes-detail li .content h4 {
  font-size: 0.75rem;
  font-family: "Notosans";
  color: #a0a0a0;
  margin-top: 0.25rem;
}
.main-dark .xray-contents .xray-scenes-detail li .content svg {
  width: 0.625rem;
  height: 0.625rem;
  display: block;
  fill: #a0a0a0;
  margin-right: 0.5rem;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side {
  margin-left: auto;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side a {
  cursor: pointer;
  background: #4d4d4d;
  color: #a0a0a0;
  font-family: "Notosans";
  font-size: 0.8125rem;
  padding: 0.375rem 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.main-dark .xray-contents .xray-scenes-detail li .content .right-side span {
  display: block;
  margin-top: 0.125rem;
}
.main-dark .subtitle-popup {
  position: absolute;
  width: 25rem;
  margin: auto;
  z-index: 9;
  left: 0;
  right: 0;
  background: #363636;
  color: #fff;
  font-family: arial;
}
.main-dark .subtitle-popup .header {
  padding: 0.875rem 1.25rem;
  background: #3e3e3e;
  border-bottom: 1px solid #464646;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .subtitle-popup .header .close-subtitle {
  margin-left: auto;
  cursor: pointer;
}
.main-dark .subtitle-popup .header .close-subtitle svg.close {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-dark .subtitle-popup .header h3 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: arial;
}
.main-dark .subtitle-popup .size,
.main-dark .subtitle-popup .presets {
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .subtitle-popup .size ul,
.main-dark .subtitle-popup .presets ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .size ul li + li,
.main-dark .subtitle-popup .presets ul li + li {
  margin-left: 0.8125rem;
}
.main-dark .subtitle-popup .size h3,
.main-dark .subtitle-popup .presets h3 {
  font-size: 1rem;
  width: 6.25rem;
  font-family: arial;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.main-dark .subtitle-popup .size {
  border-bottom: 1px solid #4b4b4b;
}
.main-dark .subtitle-popup .size ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .size ul li {
  color: #808080;
  cursor: pointer;
  line-height: 1;
}
.main-dark .subtitle-popup .size ul li:hover,
.main-dark .subtitle-popup .size ul li.active {
  color: #fff;
}
.main-dark .subtitle-popup .size ul li.size1 {
  font-size: 1rem;
}
.main-dark .subtitle-popup .size ul li.size2 {
  font-size: 1.25rem;
}
.main-dark .subtitle-popup .size ul li.size3 {
  font-size: 1.5rem;
}
.main-dark .subtitle-popup .size ul li.size4 {
  font-size: 1.625rem;
}
.main-dark .subtitle-popup .size ul li.size5 {
  font-size: 1.75rem;
}
.main-dark .subtitle-popup .presets ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-dark .subtitle-popup .presets ul li {
  padding: 0.5rem;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
}
.main-dark .subtitle-popup .presets ul li.presets1 {
  border: 1px solid #fff;
  background: #000;
}
.main-dark .subtitle-popup .presets ul li.presets2 {
  text-shadow: 2px 2px 0px #000;
}
.main-dark .subtitle-popup .presets ul li.presets3 {
  background: #000;
  color: #e6da38;
}
.main-dark .subtitle-popup .presets ul li.presets4 {
  color: #000;
}
.main-dark .geofence-region {
  background: #0d0d0d;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.875rem;
  width: 90%;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  max-width: 31.25rem;
  margin: auto;
  height: 5.1875rem;
  bottom: 0;
  justify-content: center;
  font-family: "Notosans";
  font-size: 1.1875rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-dark .geofence-region svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  fill: #fff;
  margin-right: 0.9375rem;
}
.main-dark .checkout .page-heading {
  background: #12181f;
  text-align: center;
  padding: 3.375rem 0 13rem;
}
.main-dark .checkout .page-heading h3 {
  font-size: 1.5625rem;
  color: #2d2d2d;
  color: #d2d2d2;
  font-family: "Notosans-bold";
}
.main-dark .checkout .checkout-container {
  max-width: 45.0625rem;
  margin: auto;
}
.main-dark .checkout .product-details {
  background: #252a30;
  margin-top: -10.9375rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
}
.main-dark .checkout .product-details .image-description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 3.125rem 4.375rem;
}
.main-dark .checkout .product-details .image-description .image {
  margin-right: 1.875rem;
  width: 7.25rem;
}
.main-dark .checkout .product-details .image-description .image span {
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  background-size: cover;
  background-position: center;
  padding-top: 127%;
  display: block;
}
.main-dark .checkout .product-details .image-description .description {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-dark .checkout .product-details .image-description .description h4 {
  font-size: 1.375rem;
  color: #c7c7c7;
  font-family: "Notosans-black";
  margin-bottom: 0.4375rem;
}
.main-dark .checkout .product-details .image-description .description p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  color: #909090;
  font-family: "Notosans";
}
.main-dark .checkout .product-details .views-price {
  border-top: 1px solid #696969;
  padding: 1rem 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-dark .checkout .product-details .views-price .views {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-dark .checkout .product-details .views-price .views svg {
  width: 1.3125rem;
  height: 0.75rem;
  display: block;
  margin-right: 0.625rem;
}
.main-dark .checkout .product-details .views-price .views span {
  font-size: 0.8125rem;
  color: #a0a0a0;
  letter-spacing: 0.1px;
  font-family: "Notosans-medium";
  width: 20%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-dark .checkout .product-details .views-price .price {
  margin-left: 1.875rem;
  font-family: "Notosans-black";
  font-size: 1.125rem;
  color: #c7c7c7;
}
.main-dark .checkout .payment-methods {
  margin: 4.6875rem 0 0;
}
.main-dark .checkout .payment-methods h3 {
  font-size: 1.125rem;
  color: #d2d2d2;
  font-family: "Notosans-medium";
}
.main-dark .checkout .payment-methods .radios {
  margin-bottom: 2.8125rem;
}
.main-dark .checkout .payment-methods .radios input {
  display: none;
}
.main-dark .checkout .payment-methods .radios ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.0625rem;
}
.main-dark .checkout .payment-methods .radios ul li {
  padding: 1.0625rem;
  width: 33.3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-dark .checkout .payment-methods .radios .radio-box {
  border: 1px solid #e6e8ec;
  width: 100%;
  text-align: center;
  padding: 0.375rem 0;
  min-height: 3.75rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  padding: 0 0.625rem;
}
.main-dark .checkout .payment-methods .radios .radio-box .card-image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.main-dark .checkout .payment-methods .radios .radio-box .card-image img {
  margin-right: 0.9375rem;
}
.main-dark .checkout .payment-methods .radios .radio-box img {
  max-width: 100%;
}
.main-dark .checkout .payment-methods .radios .radio-box .light {
  display: none;
}
.main-dark .checkout .payment-methods .radios .radio-box .dark {
  display: block;
}
.main-dark .checkout .payment-methods .radios input:checked + .radio-box {
  border-color: #27cbf1;
}
.main-dark .checkout .payment-methods .checkbox {
  padding-left: 2.5625rem;
  position: relative;
}
.main-dark .checkout .payment-methods .checkbox input {
  width: 1.4375rem;
  height: 1.4375rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  background-image: url("./media/card-check-MYBXJD5K.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-dark .checkout .payment-methods .checkbox input:checked {
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
}
.main-dark .checkout .payment-methods .checkbox label {
  display: block;
  font-size: 0.8125rem;
  font-family: "Notosans-medium";
  color: #a0a0a0;
  letter-spacing: 0.1px;
  line-height: 1.125rem;
}
.main-dark .checkout .payment-methods .checkbox label a {
  color: #0ca1c4;
  cursor: pointer;
}
.main-dark .checkout .payment-methods .button {
  text-align: center;
  margin: 2.25rem 0;
}
.main-dark .checkout .payment-methods .button button {
  width: 100%;
  max-width: 16.6875rem;
  border: 0;
  background: #27cbf1;
  color: #fff;
  font-size: 1.1875rem;
  padding: 0;
  line-height: 3.75rem;
  cursor: pointer;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-dark .checkout .payment-methods .button button.disabled {
  cursor: not-allowed;
}
.main-dark .cursor-pointer {
  cursor: pointer;
}
.main-dark {
}
.main-dark .play-fullscreen .video-cs-blk .movie-title.title-grd,
.main-dark .play-fullscreen .video-cs-blk .back_btn {
  display: none !important;
}
.main-dark .show-video-card {
  text-align: center;
}
.main-dark .show-video-card .show-video {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 140px;
  margin-bottom: 1.25rem;
  border: 0;
  cursor: pointer;
  line-height: 1.125rem;
  color: #fff;
  background: #fb8541;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fb8541), color-stop(100%, #f16c1f));
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-dark .cms-content .tw-data-text.tw-ta.tw-text-small {
  width: 100% !important;
  height: auto !important;
  color: #ffffff !important;
}
.main-dark .profile-page .profile-right .history .history-container .item .slider-img {
  overflow: hidden;
}
.main-dark .cs-slider .item:hover .slider-item .video-card-trailer img,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item .video-card-trailer img,
.main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer img,
.main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer img {
  visibility: visible;
  height: 77%;
}
.main-dark .menu_drop .menu li {
  float: left;
}
.main-dark .menu_drop .menu li {
  list-style: none;
  position: relative;
}
.main-dark .menu_drop .menu a {
  display: block;
  text-decoration: none;
  line-height: 3;
  padding-left: 5px;
  padding-right: 5px;
}
.main-dark .menu_drop .menu a:hover {
  background: #091c34;
  color: #f16c1f;
}
.main-dark .menu_drop .sub-menu,
.main-dark .menu_drop .super-sub-menu {
  position: absolute;
  background: #091c34;
  min-width: 230px;
  padding: 0px;
  display: none;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
}
.main-dark .menu_drop .super-sub-menu {
  left: 230px;
  top: 0;
}
.main-dark .menu_drop .super-sub-menu.mega-menu {
  left: 0;
}
.main-dark .menu_drop .sub-menu li {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: static;
}
.main-dark .menu_drop .sub-menu li a {
  line-height: 32px;
  font-size: 16px;
}
.main-dark .menu_drop .sub-menu li a.sub-menu-link {
  background: transparent;
  color: #fff;
  padding: 0 10px;
}
.main-dark .menu_drop .sub-menu li a.sub-menu-link:hover {
  background: #446b9c;
  color: #fbfbfb;
}
.main-dark .menu_drop .parent-menu {
  background: #052854;
}
.main-dark .menu_drop .sub-menu li:last-child {
  border: 0;
}
.main-dark .menu_drop .menu li:hover .sub-menu,
.main-dark .menu_drop .sub-menu li:hover .super-sub-menu {
  display: block;
}
.main-dark .inner-sub-menu {
  position: absolute;
  top: 0px;
  left: 230px;
  background: #14253d;
  padding: 0;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
  display: flex;
}
.main-dark .inner-sub-menu .innersuper {
  width: 255px;
  border-right: 1px solid #223e65;
  padding: 0px 5px;
}
.main-dark .inner-sub-menu .innersuper:last-child {
  border-right: none;
}
.main-dark .inner-sub-menu .innersuper li a {
  font-size: 16px;
}
.main-dark .inner-sub-menu .innersuper li a:hover {
  background: #446b9c;
  color: #fbfbfb !important;
}
.main-dark .inner-sub-menu:hover .innersuper {
  display: block;
}
.main-dark .more-sub-menu ul li {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.main-dark .more-sub-menu ul li:focus {
  outline: none;
}
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date input {
  width: 100%;
}
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split select.input-data,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split select.ngx-datepicker-input,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date.input-data,
.main-dark .login-modal .modal-content .signup-content .form-merge .form-split .date.ngx-datepicker-input {
  font-size: 0.875rem;
  height: 2.7em;
  color: #696969;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input {
  vertical-align: middle;
  z-index: 6;
  height: 2.3rem;
  border-right: 1px solid #e4e4e4;
  width: 48px;
  position: absolute;
  left: 0;
  top: 15px;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input .country-list {
  width: 21rem;
}
.main-dark .login-modal .modal-content .signup-content .intl-tel-input .country-list li span {
  font-size: 13px;
}
.main-dark .vplayer-content {
  position: relative;
}
.main-dark .vplayer-overlay.is--active {
  opacity: 1;
  visibility: visible;
}
.main-dark .vplayer-overlay {
  margin: 0;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  color: rgba(195, 195, 195, 0.2);
  font-size: 18px;
}
.main-dark .signup-content .form-control label,
.main-dark .main-dark .form-control .ngx-datepicker-container label {
  font-size: 0.875rem;
}
.main-dark .error-txt a {
  color: #0b55b3;
}
.main-dark .duration {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 0px 3px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .more-options {
  padding: 2rem 0;
}
.main-dark .more-options .s-container {
  width: 85%;
}
.main-dark .more-options .tittle-blk {
  border-bottom: 1px solid #868686;
  padding-bottom: 0.8rem;
}
.main-dark .more-options .more-options-categories {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin: 0 -10px;
}
.main-dark .more-options .more-options-categories ul.parent-categ {
  padding: 0 10px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin: 1rem 0;
}
@media (max-width: 1199px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 991px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.main-dark .more-options .more-options-categories ul.parent-categ li .title {
  background: #073a7b;
  padding: 10px;
  display: inline-block;
  border-radius: 4px;
  padding-bottom: 0.5em;
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
  line-height: normal;
  justify-content: space-between;
}
.main-dark .more-options .more-options-categories ul.parent-categ li a {
  color: #fff;
  line-height: 32px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li {
  border-bottom: 1px solid #a2a2a2 !important;
  padding: 5px 0;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a {
  padding-left: 25px;
  font-style: italic;
  cursor: pointer;
  position: relative;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a:hover {
  color: #fb8541;
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li a:before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a2a2a2;
  top: 42%;
  left: 0;
  content: "";
}
.main-dark .more-options .more-options-categories ul.parent-categ .child-categ li:last-child {
  border-bottom: none;
}
.main-dark .table-responsive {
  color: #fff;
  padding: 2rem 0;
}
.main-dark .table-responsive .detail-text {
  padding-bottom: 0.8rem;
}
.main-dark .table-responsive td,
.main-dark .table-responsive th {
  border: 1px solid #dfdfe0;
  padding: 0.3rem 0.5rem;
}
.main-dark .home.my-playlist-container .view-all,
.main-dark .playlist.my-playlist-container .view-all {
  font-size: 16px;
  margin-left: 10px;
  color: #FB8541;
  cursor: pointer;
}
.main-dark .home.my-playlist-container ul li,
.main-dark .playlist.my-playlist-container ul li {
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 0 5px;
  margin-top: 15px;
  max-width: 20%;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .home.my-playlist-container ul li,
  .main-dark .playlist.my-playlist-container ul li {
    width: 100%;
  }
}
.main-dark .home.my-playlist-container ul li .my-playlist-left,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left {
  width: 100% !important;
  position: relative;
}
.main-dark .home.my-playlist-container ul li .my-playlist-left .video-counts,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left .video-counts {
  position: absolute;
  bottom: 8px;
  background: #091c34;
  color: #fff;
  left: 8px;
  font-size: 14px;
  padding: 3px 7px;
  border-radius: 3px;
}
.main-dark .home.my-playlist-container ul li .my-playlist-left .video-counts span,
.main-dark .playlist.my-playlist-container ul li .my-playlist-left .video-counts span {
  margin-right: 5px;
}
.main-dark .home.my-playlist-container ul li h3,
.main-dark .playlist.my-playlist-container ul li h3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-dark .home.my-playlist-container ul li .my-playlist-detail,
.main-dark .playlist.my-playlist-container ul li .my-playlist-detail {
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  background: #14253d;
}
.main-dark .grids {
  margin: 0 -5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.main-dark .grids .item {
  width: 20%;
  margin-bottom: 15px;
  margin-right: 0;
  padding: 0 5px;
}
@media (max-width: 1500px) {
  .main-dark .grids .item {
    width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-dark .grids .item {
    width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-dark .grids .item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .main-dark .grids .item {
    width: 100%;
  }
}
.main-dark .video-detail-page .related-videos .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .video-detail-page .related-videos .item,
.main-dark .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item {
  overflow: inherit;
}
.main-dark .change-password .left-side {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-dark .change-password .form-control {
  width: 100%;
}
.main-dark .change-password .form-control input {
  background: transparent;
  border: 1px solid #737272;
  color: #ccc;
}
.main-dark .change-password .form-control input:focus ~ label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .form-control label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .form-control input:not(focus):valid ~ label {
  background: #091c34;
  color: #ccc;
}
.main-dark .change-password .org-btn,
.main-light .profile-page .profile-right .main-dark .change-password .cancel-btn,
.main-light .vplay-comments .main-dark .change-password .load-more,
.main-light .video-detail-page .see-more-blk .main-dark .change-password .see-more,
.main-dark .change-password .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .change-password .see-more,
.main-dark .change-password .vplay-comments .load-more,
.main-dark .vplay-comments .change-password .load-more,
.main-dark .profile-page .profile-right .change-password .cancel-btn,
.main-dark .change-password .profile-page .profile-right .profile-form .cancel-btn {
  width: 200px;
}
.main-dark #myModal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.main-dark #myModal .modal-content {
  background: #091c34;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
  position: relative;
  top: 45%;
  width: 30%;
  color: #fff;
  border: none;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.main-dark #myModal {
}
.main-dark #myModal .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.main-dark .playlist-all .item.playlist-card {
  width: 24%;
  padding: 0 5px;
  margin: 1.25rem 0;
}
.main-dark .playlist-all .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item,
.main-dark .playlist-all .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .playlist-all .item {
  transition: ease 0.4s all;
  position: relative;
  box-shadow: none;
  background: 0 0;
}
.main-dark .playlist-all .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item:hover,
.main-dark .playlist-all .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .playlist-all .item:hover {
  transform: scale(1.05) !important;
}
.main-dark .playlist-all .slider-img {
  overflow: hidden;
  border-radius: 0px;
  max-height: 13.4375rem;
}
.main-dark .playlist-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(9, 28, 52, 0.8);
  color: #fff;
  padding: 1px 4px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .playlist-all .slider-content {
  padding: 0px 15px !important;
  height: auto;
}
.main-dark .playlist-all .slider-content h3 {
  text-transform: capitalize;
}
.main-dark .playlist {
  padding: 2.16rem 0 4.05rem;
  color: #cacaca;
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}
.main-dark .playlist .playlist-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(40px);
  filter: blur(40px);
}
.main-dark .playlist .playlist-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.main-dark .playlist .back-to-page {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.main-dark .playlist .back-to-page svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-dark .playlist .breadcrumb ul {
  display: flex;
}
.main-dark .playlist .breadcrumb ul li {
  margin: 0 2.22rem 0.55rem 0;
  font-size: 1rem;
}
.main-dark .playlist ul li.active-page {
  position: relative;
}
.main-dark .playlist .playlist-details {
  margin-top: 0.88rem;
  color: #fff;
  display: flex;
}
.main-dark .playlist .playlist-details .playlist-img {
  width: 18rem;
  height: auto;
  margin-right: 1.72rem;
  max-height: 18rem;
}
.main-dark .playlist .playlist-img img {
  width: 100%;
  display: block;
  border-radius: 8px;
  max-height: 18rem;
}
.main-dark .playlist .playlist-details .playlist-content {
  flex: 1;
}
.main-dark .playlist .playlist-content h3 {
  font-size: 1.94rem;
  margin-bottom: 0.16rem;
  text-transform: capitalize;
}
.main-dark .playlist .playlist-content ul {
  display: flex;
}
.main-dark .playlist .playlist-content ul li {
  font-size: 1.11rem;
  line-height: 2.44rem;
  color: #cbcbcb;
  position: relative;
  margin: 0 45px 1.22rem 0;
  white-space: nowrap;
  text-transform: lowercase;
}
.main-dark .playlist .playlist-content ul li:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background: #e7e7e7;
  opacity: 0.5;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-dark .playlist .playlist-content a {
  background: #00b6df;
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  padding: 0.625rem 1rem;
  border-radius: 3px;
  font-size: 0.9rem;
  color: #fff;
  cursor: pointer;
  margin-right: 1.125rem;
  position: relative;
  z-index: 1;
}
.main-dark .playlist .wave {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.main-dark .playlist .playlist-content a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-dark .playlist .playlist-content a svg {
  height: 14px;
  width: 14px;
  fill: #fff;
  margin-right: 10px;
  z-index: 1;
}
.main-dark .playlist .wave:hover {
  box-shadow: inset 400px 0 0 0 #fff;
  color: #fb8541;
}
.main-dark .playlist .wave:hover svg path {
  fill: #fb8541 !important;
}
.main-dark .playlist .wave:hover svg polygon {
  fill: #fb8541;
}
.main-dark .admin-playlists-all .item {
  margin-bottom: 10px;
}
.main-dark .admin-playlist-slider {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.main-dark .admin-playlist-slider .item {
  width: 24%;
  padding: 0 5px;
  margin: 1.5625rem 0;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.main-dark .admin-playlist-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item,
.main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item {
  border-radius: 5px;
  box-shadow: 0 1px 5px 0 rgba(152, 152, 152, 0);
  cursor: pointer;
  background: #14253d;
  transition: ease 0.4s all;
}
.main-dark .admin-playlist-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item:hover,
.main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item:hover {
  transform: scale(1.1) !important;
  position: relative;
}
.main-dark .admin-playlist-slider .slider-img {
  max-height: 13.4375rem;
  overflow: hidden;
  min-height: auto;
}
.main-dark .admin-playlist-slider .slider-img img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-dark .admin-playlist-slider .duration {
  bottom: 5px;
}
.main-dark .admin-playlist-slider .slider-content {
  background: #14253d;
}
.main-dark .admin-playlists-all .slider-img {
  max-height: 13.4375rem;
}
.main-dark .admin-playlists-all .contus-slider-outer {
  padding-bottom: 0px !important;
}
.main-dark .admin-playlists-all .slider-content {
  position: relative;
  padding: 0.75rem 2.5rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.main-dark .admin-playlists-all .slider-content span {
  text-transform: capitalize;
}
.main-dark .admin-playlists-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 3px 7px;
  border-radius: 4px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-dark .web_series .small-vplay .small-slider .item {
  width: 19%;
  padding: 3px;
}
.main-dark .web_series .small-vplay .small-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item:hover,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
  transform: scale(1.07) !important;
  z-index: 2;
}
.main-dark .web_series .small-vplay .small-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-dark .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-dark .web_series .small-vplay .small-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series .small-vplay .small-slider .item img,
.main-dark .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item img {
  max-height: 180px;
  object-fit: cover;
}
.main-dark .heading-video h2 {
  color: #fff;
  font-size: 19px;
}
.main-dark .web_series_detail .video-player::before {
  background:
    linear-gradient(
      to right,
      #091c34 0%,
      #102948 50%,
      rgba(0, 0, 0, 0) 70%);
}
.main-dark .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 0rem 0 0;
}
.main-dark .web_series_detail .cs-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item:hover,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .web_series_detail .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
  max-height: initial;
}
.main-dark .web_series_detail .cs-slider .item {
  padding: 0 10px;
  margin: 1.5625rem 0;
  margin-bottom: 5px;
}
.main-dark .web_series_detail .cs-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .cs-slider .item img,
.main-dark .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item img {
  max-height: 220px;
  object-fit: cover;
  height: 100%;
}
.main-dark .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-dark .web_series_detail .web-series span:after {
  display: none;
}
.main-dark .web_series_detail button.show-video {
  background: #f27036 !important;
}
.main-dark .web_series_detail .slider-content h3 {
  font-size: 16px !important;
}
.main-dark .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-dark .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-dark .app-banner {
  margin-top: 25px;
  padding-bottom: 2%;
  border-radius: 5px;
}
.main-dark .app-banner .social-apps {
  padding-bottom: 0%;
  margin-top: 10px;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .item img,
.main-dark .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-dark .app-banner .social-apps .video-detail-page .related-videos h6 {
  color: #f37136;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0 0;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item:hover,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item:hover,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .item {
  width: 16.6%;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-item img,
.main-light .profile-page .profile-right .history .history-container .main-dark .app-banner .social-apps .web_series_detail .cs-slider .item img,
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-dark .app-banner .social-apps .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-dark .app-banner .social-apps .web_series_detail .web-series span:after {
  display: none;
}
.main-dark .app-banner .social-apps .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-dark .app-banner .social-apps .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-dark .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-dark body.first-user-activated {
  padding-top: 70px;
}
.main-dark .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-dark .f-row .menu-set a {
  font-size: 17px;
}
.main-dark .admin-playlist-skelton-loader .tittle-blk h5 {
  position: relative;
  top: 13px;
  background: #14253d !important;
}
.main-dark .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-dark body.first-user-activated {
  padding-top: 70px;
}
.main-dark .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-dark {
}
.main-dark .web_series {
  margin-top: 20px;
}
.main-dark .web_series #webseries {
  flex-wrap: wrap;
}
.main-dark .web_series .slider-content {
  padding: 6px 15px !important;
}
.main-dark .contus-slider .slider-img,
.main-dark .cs-slider .slider-img,
.main-dark .history-container .slider-img,
.main-dark .genre-list .slider-img {
  height: 163px;
}
.main-dark .contus-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .contus-slider .item,
.main-dark .cs-slider .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item,
.main-dark .history-container .slider-item,
.main-light .profile-page .profile-right .history .main-dark .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .item,
.main-dark .genre-list .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .genre-list .item {
  width: 292px !important;
  height: 198px;
  overflow: hidden !important;
}
.main-dark .contus-slider .slider-img img,
.main-dark .cs-slider .slider-img img,
.main-dark .history-container .slider-img img,
.main-dark .genre-list .slider-img img {
  max-height: 163px;
  object-fit: fill;
}
.main-dark .contus-slider .slider-content,
.main-dark .cs-slider .slider-content,
.main-dark .history-container .slider-content,
.main-dark .genre-list .slider-content {
  height: auto !important;
  padding: 7px 15px !important;
  min-height: auto !important;
}
.main-dark .contus-slider-outer {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.main-dark .home-banner {
  padding-bottom: 20px;
  margin-top: 28px;
}
.main-dark .home-banner .banner-slider .banner-item {
  height: 100%;
  width: 92%;
  margin: 0 auto;
}
.main-dark .home-banner .banner-slider::after {
  display: none;
  background: transparent;
}
.main-dark .home-banner .banner-slider::before {
  background: transparent;
}
.main-dark .whole-header {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3019607843);
  background: #091c34;
}
.main-dark .app-links::after {
  margin-left: -6%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
  display: none;
}
.main-dark .f-footer .home_logo {
  width: 60px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  position: relative;
  left: 80px;
}
.main-dark .f-footer h4 {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.main-dark .web_series_detail .cs-slider .item {
  margin-top: 10px;
}
.main-dark .web_series_detail .related-videos {
  margin-top: 10px;
}
.main-dark .category-view {
  margin-top: 30px;
}
.main-dark .category-view .item {
  width: auto !important;
}
.main-dark .profile-page aside {
  background: #14253d;
}
.main-dark .my-playlist-container ul .my-playlist-list .my-playlist-head {
  width: 100%;
  height: 163px;
}
.main-dark .my-playlist-head .my-playlist-left {
  height: 163px !important;
}
.main-dark .my-playlist-list .my-playlist-detail {
  width: 100% !important;
  background: #14253d;
}
.main-dark footer {
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.3019607843);
}
.main-dark .create-playlist-popup .close-playlist {
  background: transparent;
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  border-radius: 0px !important;
}
.main-dark .slider-item .slider-content h3,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content h3,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dark .slider-item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .item .slider-content span {
  display: none !important;
}
.main-dark .admin-playlists-all .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlists-all .item,
.main-dark .admin-playlists-all .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .admin-playlists-all .item {
  border-radius: 5px !important;
}
.main-dark .links-text.first::after {
  display: none;
}
.main-dark ul.footer-text.links-text::after {
  margin-left: -4.5%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
}
.main-dark .video-detail-page .play-info .liked {
  display: none !important;
}
.main-dark .tittle-blk .shimmer {
  background: #14253d;
}
.main-dark .item-shorts {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-dark .item-shorts .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item-shorts .item,
.main-dark .item-shorts .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .item-shorts .item {
  width: 200px !important;
}
.main-dark .admin-playlists-all .item .slider-content h3 {
  display: block !important;
  font-family: "Notosans-medium" !important;
  height: 100%;
  color: #cccccc;
  overflow: visible;
  margin-top: 3px;
  font-size: 16px;
  width: 95% !important;
  overflow: hidden;
  line-height: 25px;
  margin-top: -1px;
}
.main-dark .shorts-slider-item2 {
  width: 200px !important;
  height: 40px !important;
  overflow: hidden !important;
  background: #14253d;
}
.main-dark .shorts-slider-item {
  width: 200px !important;
  height: 340px !important;
  overflow: hidden !important;
  background: #14253d;
  border-radius: 5px;
  position: relative;
}
.main-dark .shorts-slider-img {
  width: 200px !important;
  height: 300px !important;
  position: relative;
}
.main-dark .shorts-slider-img .premium-tag {
  position: absolute;
  top: 7px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-dark .shorts-slider-item .premium-tag,
.main-dark .shorts-slider-img .premiums-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-dark .shorts-slider-item .slider-content {
  padding: 7px 15px !important;
  height: auto !important;
  max-height: auto !important;
}
.main-dark .shorts-slider-item2 .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dark .web_series .small-vplay .small-slider .item {
  margin-bottom: 15px;
}
.main-dark .small-vplay.container .admin-playlists-all {
  padding: 0 5%;
}
.main-dark .genre-view .genre-list .item {
  width: auto;
}
.main-dark .vjs-selected .vjs-playlist-name {
  color: #f37136;
}
.main-dark .pricing .spin-loader-blk-outer {
  background: #14253d;
  display: none;
}
.main-dark .pricing .spin-loader-blk-outer h2 {
  font-size: 2rem;
  color: #aeb0b5;
}
.main-dark .pricing .spin-loader-blk-outer .spin-loader-blk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main-dark .menu_drop .menu li {
  margin-right: 10px;
}
.main-dark .super-sub-menu .inner-sub-menu {
  box-shadow: 4px 5px 20px #000106;
}
.main-dark .super-sub-menu .inner-sub-menu .innersuper {
  min-height: 265px;
}
.main-dark .playlist-all .item.playlist-card {
  margin: 0px;
  margin-top: 5px;
}
.main-dark .vjs-playlist-vertical .vjs-playlist-item {
  height: auto;
}
.main-dark .copyrights {
  background: #091c34;
}
.main-dark footer .s-container {
  width: 100% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #0f233d;
}
.main-dark .see_all,
.main-dark .view-all,
.main-dark .read_more {
  font-size: 16px !important;
  color: rgb(251, 133, 65) !important;
  font-family: "Notosans" !important;
  cursor: pointer;
}
.main-dark footer a {
  padding: 2px 0px !important;
}
.main-dark footer a i {
  position: relative;
  top: -4px;
}
.main-dark .min-content {
  background-image: url("./media/parellexbg-3UO2IIOG.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-dark .download_pdf {
  padding: 0px 25px;
  border: 2px solid #4c5c68;
  height: 45px;
  border-radius: 3px;
  font-size: 16px;
  color: white;
  margin: 0 auto;
  position: relative;
}
.main-dark .download_pdf svg {
  margin-right: 10px;
}
.main-dark .download_pdf::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #f16f36;
  z-index: -9999;
  transition: width 0.4s ease;
}
.main-dark .download_pdf:hover::before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-dark .download_pdf:hover {
  border: 2px solid #091c34;
}
.main-dark .search-blk svg {
  margin-left: -20px !important;
  width: 20px !important;
  height: 20px !important;
}
.main-dark .search-blk svg path {
  fill: #acacac !important;
}
.main-dark .country-list span.country-name {
  color: #091c34;
}
.main-dark header .logo img {
  margin-top: -8px;
}
.main-dark .item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-dark .slider-content h3 {
  font-family: "Notosans-medium" !important;
  bottom: 3px;
  position: relative;
}
.main-dark .admin-playlists-all h3 {
  bottom: 0px;
}
.main-dark .menu-set .menu a {
  color: #cccccc !important;
}
.main-dark .menu-set a.go_premium {
  color: #804f1e;
  font-family: "Notosans-bold" !important;
}
.main-dark header.home-header.fixed .menu-set a.go_premium {
  color: #804f1e !important;
}
.main-dark .playlist-details .playlist-content ul li:nth-child(1) {
  text-transform: capitalize;
}
.main-dark .player_next_video {
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: 15%;
  width: auto;
  left: auto;
}
.main-dark .player_next_video .show_next:hover {
  color: #fff;
}
.main-dark .player_next_video button.show_next span:hover {
  color: #f47637;
}
.main-dark .player_next_video button.show_next span:hover svg {
  fill: #f47637;
}
.main-dark .player_next_video .show_next svg {
  fill: #fff;
}
.main-dark .player_next_video .show_next:hover svg {
  fill: #fff;
}
.main-dark .player_next_video button.show_next {
  background: transparent;
  border: none;
  cursor: pointer;
}
.main-dark .player_next_video button.show_next svg {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  top: 3px;
}
.main-dark .player_next_video button.show_next span {
  font-size: 20px;
  font-family: "Notosans-medium";
}
.main-dark .player_next_video .show_next:hover + .next-video-item {
  visibility: visible;
}
.main-dark .player_next_video .show_next {
  color: white;
}
.main-dark .player_next_video .next-video-item:hover {
  visibility: visible;
}
.main-dark .player_next_video .next-video-item {
  visibility: hidden;
  display: flex;
  width: 450px;
  background: rgba(9, 28, 52, 0.9);
  border-radius: 10px;
  padding: 15px 15px;
  padding-top: 20px;
  position: relative;
  left: -320px;
  bottom: 60px;
  cursor: pointer;
}
.main-dark .player_next_video .next-video-item img {
  width: 170px;
  height: 98px;
  border-radius: 5px;
  margin-right: 20px;
}
.main-dark .player_next_video .video-title {
  font-size: 18px;
  color: white;
  font-family: "Notosans-bold";
}
.main-dark .player_next_video .video-desc {
  font-size: 16px;
  color: #ccc;
  font-family: "Notosans";
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
}
.main-dark .nav-item:nth-of-type(4) .innersuper {
  min-height: 368px !important;
}
.main-dark .admin-playlists-all .admin-playlist-card-container {
  background: #14253d;
}
.main-dark .staring {
  display: none !important;
}
.main-dark .sub_modal .card-outer {
  padding: 30px 0px !important;
}
.main-dark .sub_modal .back-btn {
  margin-right: 10px;
  width: 100%;
  padding: 0px;
}
.main-dark .sub_modal h4 {
  font-size: 26px !important;
  margin-top: 0px !important;
  padding: 0px 25px;
}
.main-dark .sub_modal .header {
  position: relative !important;
  background: rgb(5, 10, 20);
}
.main-dark .sub_modal .close {
  top: 76px !important;
  right: 8px !important;
}
.main-dark .sub_modal .login-modal {
  margin-top: 40px;
  max-width: 32rem !important;
  padding-top: 0;
  box-shadow: 0px 0px 2px #0f233d;
}
.main-dark .sub_modal .login-modal h3 {
  border-bottom: 1px solid #4c5c68;
}
.main-dark .sub_modal .modal-content {
  padding: 10 !important;
  background: #0e233d;
}
.main-dark .sub_modal .card-payment-popup {
  background: transparent;
  border: none;
  margin: 0;
}
.main-dark .sub_modal h3 button {
  display: none;
}
.main-dark .enter_note {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: -15px;
  padding: 0px 10px;
}
.main-dark .f-row .menu-set a.go_premium {
  padding: 4px 8px;
  border-radius: 2px !important;
  margin-left: 5px;
}
.main-dark .tittle h5 {
  color: #ccc;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-dark select {
  background-image: url("./media/caret-HHUULCKT.svg") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: auto 38% !important;
  outline: none;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.main-dark .contact-links,
.main-dark .app-links {
  width: 22.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-dark .links-text {
  width: 17%;
  margin: 0 !important;
  margin-left: 2.5% !important;
}
.main-dark .app-links .tittle {
  margin-bottom: 10px;
}
.main-dark {
}
.main-dark .new_menu_drop .new_menu {
  position: relative;
}
.main-dark .new_menu_drop .new_menu svg {
  margin-left: 10px;
}
.main-dark .new_menu_drop .new_sub-menu {
  padding-bottom: 70px;
  display: none;
  background: url("./media/navbg-5JCTYLSZ.png");
  position: absolute;
  top: 45px;
  left: -50px;
  width: 900px;
  min-height: 30px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 5px 20px #0b1c34;
  padding-top: 15px;
  height: auto;
  cursor: default;
}
.main-dark .new_menu_drop .nsub_li:hover a {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .nsub_li {
  width: 25%;
  padding: 7px 15px 7px 15px;
  position: relative;
  color: #bfbfbf;
  font-size: 16px;
  cursor: pointer;
}
.main-dark .new_menu_drop .nsub_li a {
  font-family: "Notosans";
}
.main-dark .new_menu_drop .nsub_li.active {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .nsub_li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .sub_full.active .nsub_li {
  background: #182e4a;
  color: #ff7424;
}
.main-dark .new_menu_drop .sub_full.active .nsub_li a {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .new_super-sub-menu.active .new_innersuper {
  display: flex !important;
}
.main-dark .new_menu_drop .nsub_li:hover a {
  color: #ff7424;
}
.main-dark .new_menu_drop .new_innersuper {
  display: none;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-dark .new_menu_drop .new_super-sub-menu {
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
  float: right;
  background: #182e4a;
  width: 75%;
  margin-top: -59px;
  min-height: 100%;
  display: block;
  position: absolute;
  top: 60px;
  right: 0;
}
.main-dark .new_menu_drop .new_innersuper li {
  padding-bottom: 10px;
  font-size: 17px;
  color: #fff;
  width: 33%;
  border-right: 1px solid #283850;
  cursor: pointer;
}
.main-dark .new_menu_drop .new_innersuper li a {
  font-family: "Notosans";
}
.main-dark .new_menu_drop .explore {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  border-top: 2px solid #1d334e;
}
.main-dark .new_menu_drop .explore a {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold" !important;
  color: #fff !important;
  cursor: pointer;
}
.main-dark .new_menu_drop .explore a svg {
  display: block !important;
}
.main-dark .new_menu_drop .explore a svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.main-dark .new_menu_drop .nsub_li:hover + .new_super-sub-menu .new_innersuper {
  display: block;
}
.main-dark .new_menu_drop .nsub_li:hover + .new_super-sub-menu {
  display: block !important;
}
.main-dark .new_menu_drop .new_nav-item {
  margin-right: 5px;
  cursor: pointer;
  padding: 3px 8px;
  position: relative;
}
.main-dark .new_menu_drop .new_nav-item:hover .new_sub-menu {
  display: block;
}
.main-dark .new_menu_drop .new_sub-menu:hover {
  display: block;
}
.main-dark .web_series_detail .video-data-info {
  padding-top: 5px;
}
.main-dark .web_series_detail .video-data-info .share {
  cursor: pointer;
  display: inline-flex;
  border-left: 1px solid #a2a2a2;
  padding-left: 20px;
  margin-left: -20px;
  padding-top: 2px;
}
.main-dark .web_series_detail .video-data-info .share svg {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.main-dark #vertical_tab_nav {
  width: 900px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 45px;
  background-repeat: repeat;
  background-size: cover;
  min-height: 30px;
  padding-top: 10px;
  left: -55px;
}
.main-dark #vertical_tab_nav ul {
  padding-top: 15px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  width: 25%;
  padding-top: 25px;
  margin-bottom: 50px;
}
.main-dark #vertical_tab_nav li {
  margin-bottom: 1px;
  text-align: left;
  padding: 0px;
}
.main-dark #vertical_tab_nav li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.main-dark #vertical_tab_nav li a {
  font-size: 16px;
  font-family: "Notosans";
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4%;
  padding-left: 20px;
  background: transparent;
  background: -webkit-linear-gradient(top, #a79acb, #6c5a9d);
  background: -moz-linear-gradient(top, #a79acb, #6c5a9d);
}
.main-dark #vertical_tab_nav li a.selected {
  background: #182e4a;
  color: #ff7424;
}
.main-dark #vertical_tab_nav li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-dark #vertical_tab_nav li a svg {
  display: inline-block;
}
.main-dark #vertical_tab_nav li a:hover {
  color: #ff7424;
}
.main-dark #vertical_tab_nav div li a {
  padding: 0;
}
.main-dark #vertical_tab_nav div {
  display: block;
  float: left;
  background: #182e4a;
  width: 75%;
  min-height: 365px;
  padding: 30px 3% 30px 3%;
}
.main-dark #vertical_tab_nav div article {
  display: none;
  margin: 0px;
  color: #000;
  font-size: 18px;
}
.main-dark #vertical_tab_nav div article p {
  margin: 0px 0px 20px 0px;
}
.main-dark .selected article {
  display: flex;
}
.main-dark #vertical_tab_nav {
  display: none;
}
.main-dark .new_nav-item:hover #vertical_tab_nav {
  display: block;
}
.main-dark article li {
  width: 33%;
}
.main-dark .sub_full svg {
  display: block !important;
  width: 10px;
  height: 10px;
  margin-top: 3px;
}
.main-dark .explore {
  width: 100% !important;
  height: 55px !important;
  display: flex !important;
  align-items: center !important;
  border-top: 2px solid #1d334e;
  min-height: auto !important;
  position: absolute;
  bottom: 0;
  padding: initial !important;
  background: url("./media/navbg-5JCTYLSZ.png") !important;
}
.main-dark .explore h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold";
  color: #fff;
}
.main-dark .no-connection .content svg path,
.main-dark .no-connection .content svg circle,
.main-dark .no-connection .content svg rect,
.main-dark .no-connection .content svg polygon {
  fill: #fb8541;
}
.main-dark .no-connection .content-header {
  border-bottom: 1px dashed #fb8541;
}
.main-dark .menu-set .new_menu_drop a {
  padding: 0 10px;
}
.main-dark .new_super-sub-menu {
  display: none !important;
}
.main-dark .sub_full.active .new_super-sub-menu {
  display: block !important;
}
.main-dark .navar {
  position: absolute;
  top: -10px;
  left: 70px;
  width: 20px;
  height: 10px;
}
.main-dark .min-content.overlay_min {
  opacity: 0.7;
}
.main-dark .new_super-sub-menu:hover {
  display: block !important;
}
.main-dark .new_super-sub-menu.active .new_innersuper {
  display: block !important;
}
.main-dark .nsub_li img {
  width: 10px;
  align-self: center;
  margin-top: 1px;
}
.main-dark .nsub_li {
  display: flex;
  justify-content: space-between;
}
.main-dark .new_innersuper li a {
  color: #fff !important;
}
.main-dark .new_innersuper li a:hover {
  color: #ff7424 !important;
}
.main-dark .new_menu_drop .new_innersuper li a {
  font-size: 16px !important;
}
.main-dark .hov {
  display: none;
}
.main-dark .nsub_li:hover .nohov {
  display: none;
}
.main-dark .nsub_li:hover .hov {
  display: block;
}
.main-dark .new_sub-menu .sub_full a,
.main-dark .menu-set a {
  font-family: "Notosans" !important;
}
.main-dark .nsub_li a {
  color: #ccc !important;
}
.main-dark .no-sub-cat .new_sub-menu {
  width: 230px !important;
}
.main-dark .no-sub-cat .new_super-sub-menu {
  width: 0 !important;
  visibility: hidden;
}
.main-dark .no-sub-cat .nsub_li {
  width: 100% !important;
}
.main-dark .col-one .new_super-sub-menu {
  width: 62.5%;
}
.main-dark .col-one .nsub_li {
  width: 37.5%;
}
.main-dark .col-one .new_sub-menu {
  width: 600px;
}
.main-dark .col-one .explore a {
  margin-left: 29%;
}
.main-dark .col-two .new_super-sub-menu {
  width: 80%;
}
.main-dark .col-two .nsub_li {
  width: 20%;
}
.main-dark .col-two .new_sub-menu {
  width: 1155px;
}
.main-dark .col-two .section-one,
.main-dark .col-two .section-two,
.main-dark .col-two .section-three {
  width: 50%;
}
.main-dark .col-two .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 47%;
}
.main-dark .col-two .section-one a {
  padding-right: 17px !important;
}
.main-dark .col-two .section-two a {
  padding-left: 30px !important;
  padding-right: 0px !important;
}
.main-dark .col-two .explore a {
  margin-left: 20%;
}
.main-dark .explore a {
  margin-left: 18%;
}
.main-dark .col-three .explore a {
  margin-left: 15%;
}
.main-dark .col-three .new_super-sub-menu {
  width: 80%;
}
.main-dark .col-three .nsub_li {
  width: 20%;
}
.main-dark .col-three .new_sub-menu {
  width: 1100px;
}
.main-dark .col-three .section-one,
.main-dark .col-three .section-two,
.main-dark .col-three .section-three {
  width: 33%;
}
.main-dark .col-three .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 33%;
}
.main-dark .col-three .section-two::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 64%;
}
.main-dark .section-one a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .section-two a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .section-three a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-dark .home-banner .owl-carousel .owl-item img {
  max-width: 100%;
  height: 100% !important;
  width: 100% !important;
  object-fit: scale-down;
  opacity: 0.7;
}
.main-dark .home-banner .banner-tittle::before {
  content: "";
  background: #000000;
  background:
    linear-gradient(
      to right,
      #0e233d 0%,
      #0e233d 10%,
      rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  height: 272px;
}
.main-dark .slider-item,
.main-light .profile-page .profile-right .history .history-container .main-dark .item,
.main-dark .profile-page .profile-right .history .history-container .item {
  background: #14253d !important;
}
.main-dark {
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-button > .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-modal-dialog,
.main-dark .showPlayer .play-modal-dialog .play-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  text-align: center;
}
.main-dark .showPlayer sup {
  color: red;
  font-size: 0.7em;
  margin-left: 0.3em;
  line-height: 0em;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play,
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play:before,
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "\f101";
}
.main-dark .showPlayer .play-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-play-circle:before {
  content: "\f102";
}
.main-dark .showPlayer .play-icon-pause,
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-pause:before,
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  content: "\f103";
}
.main-dark .showPlayer .play-icon-volume-mute,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "\f104";
}
.main-dark .showPlayer .play-icon-volume-low,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "\f105";
}
.main-dark .showPlayer .play-icon-volume-mid,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "\f106";
}
.main-dark .showPlayer .play-icon-volume-high,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "\f107";
}
.main-dark .showPlayer .play-icon-fullscreen-enter,
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-fullscreen-enter:before,
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f108";
}
.main-dark .showPlayer .play-icon-fullscreen-exit,
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-fullscreen-exit:before,
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f109";
}
.main-dark .showPlayer .play-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-square:before {
  content: "\f10a";
}
.main-dark .showPlayer .play-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-spinner:before {
  content: "\f10b";
}
.main-dark .showPlayer .play-icon-subtitles,
.main-dark .showPlayer .play-js .play-subtitles-button .play-icon-placeholder,
.main-dark .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-subtitles:before,
.main-dark .showPlayer .play-js .play-subtitles-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10c";
}
.main-dark .showPlayer .play-icon-captions,
.main-dark .showPlayer .play-js .play-captions-button .play-icon-placeholder,
.main-dark .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder,
.main-dark .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-captions:before,
.main-dark .showPlayer .play-js .play-captions-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder:before,
.main-dark .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10d";
}
.main-dark .showPlayer .play-icon-chapters,
.main-dark .showPlayer .play-js .play-chapters-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-chapters:before,
.main-dark .showPlayer .play-js .play-chapters-button .play-icon-placeholder:before {
  content: "\f10e";
}
.main-dark .showPlayer .play-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-share:before {
  content: "\f10f";
}
.main-dark .showPlayer .play-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-cog:before {
  content: "\f110";
}
.main-dark .showPlayer .play-icon-circle,
.main-dark .showPlayer .play-js .play-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle:before,
.main-dark .showPlayer .play-js .play-volume-level:before {
  content: "\f111";
}
.main-dark .showPlayer .play-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle-outline:before {
  content: "\f112";
}
.main-dark .showPlayer .play-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-circle-inner-circle:before {
  content: "\f113";
}
.main-dark .showPlayer .play-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-hd:before {
  content: "\f114";
}
.main-dark .showPlayer .play-icon-cancel,
.main-dark .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-cancel:before,
.main-dark .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder:before {
  content: "\f115";
}
.main-dark .showPlayer .play-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-replay:before {
  content: "\f116";
}
.main-dark .showPlayer .play-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-facebook:before {
  content: "\f117";
}
.main-dark .showPlayer .play-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-gplus:before {
  content: "\f118";
}
.main-dark .showPlayer .play-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-linkedin:before {
  content: "\f119";
}
.main-dark .showPlayer .play-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-twitter:before {
  content: "\f11a";
}
.main-dark .showPlayer .play-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-tumblr:before {
  content: "\f11b";
}
.main-dark .showPlayer .play-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-pinterest:before {
  content: "\f11c";
}
.main-dark .showPlayer .play-icon-audio-description,
.main-dark .showPlayer .play-js .play-descriptions-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-audio-description:before,
.main-dark .showPlayer .play-js .play-descriptions-button .play-icon-placeholder:before {
  content: "\f11d";
}
.main-dark .showPlayer .play-icon-audio,
.main-dark .showPlayer .play-js .play-audio-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-audio:before,
.main-dark .showPlayer .play-js .play-audio-button .play-icon-placeholder:before {
  content: "\f11e";
}
.main-dark .showPlayer .play-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-next-item:before {
  content: "\f11f";
}
.main-dark .showPlayer .play-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-icon-previous-item:before {
  content: "\f120";
}
.main-dark .showPlayer .play-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: normal;
  font-style: normal;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  word-break: initial;
}
.main-dark .showPlayer .play-js:-moz-full-screen {
  position: absolute;
}
.main-dark .showPlayer .play-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.main-dark .showPlayer .play-js[tabindex="-1"] {
  outline: none;
}
.main-dark .showPlayer .play-js *,
.main-dark .showPlayer .play-js *:before,
.main-dark .showPlayer .play-js *:after {
  box-sizing: inherit;
}
.main-dark .showPlayer .play-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.main-dark .showPlayer .play-js.play-fluid,
.main-dark .showPlayer .play-js.play-16-9,
.main-dark .showPlayer .play-js.play-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.main-dark .showPlayer .play-js.play-16-9 {
  padding-top: 56.25%;
}
.main-dark .showPlayer .play-js.play-4-3 {
  padding-top: 75%;
}
.main-dark .showPlayer .play-js.play-fill {
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer body.play-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.main-dark .showPlayer .play-full-window .play-js.play-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.main-dark .showPlayer .play-js.play-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.main-dark .showPlayer .play-js.play-fullscreen.play-user-inactive {
  cursor: none;
}
.main-dark .showPlayer .play-hidden {
  display: none !important;
}
.main-dark .showPlayer .play-disabled {
  opacity: 0.5;
  cursor: default;
}
.main-dark .showPlayer .play-js .play-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.main-dark .showPlayer .play-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.main-dark .showPlayer .play-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.main-dark .showPlayer .play-no-js a,
.main-dark .showPlayer .play-no-js a:visited {
  color: #66a8cc;
}
.main-dark .showPlayer .play-js .play-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  display: block;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0;
  background: transparent;
  height: 1.9em;
  top: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.6em;
  border-radius: 0.3em;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "" !important;
  margin: auto;
  text-align: center;
  width: 1.67em;
  height: 1.67em;
}
.main-dark .showPlayer .play-has-started.play-paused .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-big-play-button .play-icon-placeholder {
  margin: auto;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.main-dark .showPlayer .play-js .play-big-play-button:hover {
  background: transparent;
}
.main-dark .showPlayer .play-big-play-centered .play-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.main-dark .showPlayer .play-js:hover .play-big-play-button,
.main-dark .showPlayer .play-js .play-big-play-button:focus {
  transition: all 0s;
}
.main-dark .showPlayer .play-controls-disabled .play-big-play-button,
.main-dark .showPlayer .play-has-started .play-big-play-button,
.main-dark .showPlayer .play-using-native-controls .play-big-play-button,
.main-dark .showPlayer .play-error .play-big-play-button {
  display: none;
}
.main-dark .showPlayer .play-has-started.play-paused.play-show-big-play-button-on-pause .play-big-play-button {
  display: block;
}
.main-dark .showPlayer .play-play-toggle .play-big-play-button {
  display: block;
}
.main-dark .showPlayer .play-playing.play-has-started .play-big-play-button span {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.main-dark .showPlayer .play-has-started .play-big-play-button {
  outline: none;
  cursor: default;
}
.main-dark .showPlayer .play-paused.play-has-started .play-big-play-button {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.main-dark .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button {
  display: block;
  -webkit-animation: unset;
  animation: unset;
  opacity: 1;
  cursor: pointer;
}
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 1.8em;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.main-dark .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-WYMPWCH7.svg");
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-2-UPW4NS4E.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-1-JH75QXOL.svg");
  background-position: center;
}
.main-dark .showPlayer .play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-mute-QI7G22GK.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-settings-RNCHOQHN.svg");
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control:before {
  content: "";
  border-top: 10px solid rgba(37, 37, 37, 0.85);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  right: 5em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control.play-settings-clicked:before {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: rgba(212, 212, 212, 0.5);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
}
.main-dark .showPlayer .play-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main-dark .showPlayer .play-js button:focus {
  outline: none;
}
.main-dark .showPlayer .play-control .play-button {
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-js .play-control.play-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.main-dark .showPlayer .play-js .play-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8),
      rgba(255, 255, 255, 0));
  overflow: auto;
}
.main-dark .showPlayer .play-js .play-modal-dialog > * {
  box-sizing: border-box;
}
.main-dark .showPlayer .play-modal-dialog .play-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.main-dark .showPlayer .play-menu-button {
  cursor: pointer;
}
.main-dark .showPlayer .play-menu-button.play-disabled {
  cursor: default;
}
.main-dark .showPlayer .play-workinghover .play-menu-button.play-disabled:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-menu .play-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  overflow: auto;
}
.main-dark .showPlayer .play-menu .play-menu-content > * {
  box-sizing: border-box;
}
.main-dark .showPlayer .play-scrubbing .play-control.play-menu-button:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.main-dark .showPlayer .play-menu li.play-menu-item:focus,
.main-dark .showPlayer .play-menu li.play-menu-item:hover {
  background-color: #9d9080;
  background-color: rgba(212, 212, 212, 0.5);
}
.main-dark .showPlayer .play-menu li.play-selected,
.main-dark .showPlayer .play-menu li.play-selected:focus,
.main-dark .showPlayer .play-menu li.play-selected:hover {
  background-color: #fff;
  color: #423b33;
}
.main-dark .showPlayer .play-menu li.play-menu-title {
  text-align: center;
  text-transform: capitalize;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.main-dark .showPlayer .play-menu-button-popup .play-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-menu-button-popup .play-menu .play-menu-content {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 19em;
}
.main-dark .showPlayer .play-workinghover .play-menu-button-popup:hover .play-menu,
.main-dark .showPlayer .play-menu-button-popup .play-menu.play-lock-showing {
  display: block;
}
.main-dark .showPlayer .play-quality-selector .play-menu-content {
  max-height: none;
}
.main-dark .showPlayer .play-js .play-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.main-dark .showPlayer .play-js .play-menu-button-inline:before {
  width: 2.222222222em;
}
.main-dark .showPlayer .play-js .play-menu-button-inline:hover,
.main-dark .showPlayer .play-js .play-menu-button-inline:focus,
.main-dark .showPlayer .play-js .play-menu-button-inline.play-slider-active,
.main-dark .showPlayer .play-js.play-no-flex .play-menu-button-inline {
  width: 12em;
}
.main-dark .showPlayer .play-menu-button-inline .play-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.main-dark .showPlayer .play-menu-button-inline:hover .play-menu,
.main-dark .showPlayer .play-menu-button-inline:focus .play-menu,
.main-dark .showPlayer .play-menu-button-inline.play-slider-active .play-menu {
  display: block;
  opacity: 1;
}
.main-dark .showPlayer .play-no-flex .play-menu-button-inline .play-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.main-dark .showPlayer .play-no-flex .play-menu-button-inline:hover .play-menu,
.main-dark .showPlayer .play-no-flex .play-menu-button-inline:focus .play-menu,
.main-dark .showPlayer .play-no-flex .play-menu-button-inline.play-slider-active .play-menu {
  width: auto;
}
.main-dark .showPlayer .play-menu-button-inline .play-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.main-dark .showPlayer .play-js .play-control-bar {
  display: none;
  width: 85%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.4em;
  border-radius: 3px;
  background-color: #252525;
  margin: 0px auto 9em;
  padding: 0 0.5em;
}
.main-dark .showPlayer .play-has-started .play-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.main-dark .showPlayer .play-has-started.play-user-inactive.play-playing .play-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-controls-disabled .play-control-bar,
.main-dark .showPlayer .play-using-native-controls .play-control-bar,
.main-dark .showPlayer .play-error .play-control-bar {
  display: none !important;
}
.main-dark .showPlayer .play-audio.play-has-started.play-user-inactive.play-playing .play-control-bar {
  opacity: 1;
  visibility: visible;
}
.main-dark .showPlayer .play-has-started.play-no-flex .play-control-bar {
  display: table;
}
.main-dark .showPlayer .play-js .play-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.main-dark .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 2em;
  line-height: 1.67;
}
.main-dark .showPlayer .play-js .play-control:focus:before,
.main-dark .showPlayer .play-js .play-control:hover:before,
.main-dark .showPlayer .play-js .play-control:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-dark .showPlayer .play-js .play-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.main-dark .showPlayer .play-no-flex .play-control {
  display: table-cell;
  vertical-align: middle;
}
.main-dark .showPlayer .play-js .play-custom-control-spacer {
  display: none;
}
.main-dark .showPlayer .play-js .play-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.main-dark .showPlayer .play-js .play-progress-control.disabled {
  cursor: default;
}
.main-dark .showPlayer .play-live .play-progress-control {
  display: none;
}
.main-dark .showPlayer .play-no-flex .play-progress-control {
  width: auto;
}
.main-dark .showPlayer .play-js .play-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.7em;
}
.main-dark .showPlayer .play-js .play-progress-control .play-progress-holder {
  margin: 0 15px;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder.disabled {
  font-size: 1em;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  outline: none;
}
.main-dark .showPlayer .play-js .play-play-progress {
  background-color: #f0f0f0;
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
  content: "";
}
.main-dark .showPlayer .play-js .play-load-progress {
  background: #54595b;
}
.main-dark .showPlayer .play-js .play-load-progress div {
  background: #54595b;
}
.main-dark .showPlayer .play-js .play-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1em;
  padding: 8px 8px 4px 8px;
  pointer-events: none;
  position: relative;
  top: -3.3em;
  visibility: hidden;
  z-index: 1;
  outline: none;
}
.main-dark .showPlayer .play-js .play-progress-holder:focus .play-time-tooltip {
  display: none;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-time-tooltip,
.main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip {
  display: block;
  font-size: 0.8em;
  visibility: visible;
}
.main-dark .showPlayer .play-js .play-progress-control.disabled:hover .play-time-tooltip {
  font-size: 1em;
}
.main-dark .showPlayer .play-js .play-progress-control .play-mouse-display {
  display: none;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55);
  z-index: 1;
  outline: 0;
}
.main-dark .showPlayer .play-no-flex .play-progress-control .play-mouse-display {
  z-index: 0;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-mouse-display {
  display: block;
}
.main-dark .showPlayer .play-js.play-user-inactive .play-progress-control .play-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-js.play-user-inactive.play-no-flex .play-progress-control .play-mouse-display {
  display: none;
}
.main-dark .showPlayer .play-mouse-display .play-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.main-dark .showPlayer .play-js.play-hls-quality-selector {
  display: block;
}
.main-dark .showPlayer .play-js .play-seek-button {
  font-family: "Material Icons";
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back::before {
  content: "\e042";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-10::before {
  content: "\e059";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-5::before {
  content: "\e05b";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-back.skip-30::before {
  content: "\e05a";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward::before {
  content: "\e5d5";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-10::before {
  content: "\e056";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-5::before {
  content: "\e058";
}
.main-dark .showPlayer .play-js .play-seek-button.skip-forward.skip-30::before {
  content: "\e057";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5::before,
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30::before {
  content: none;
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before {
  content: "\e042";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before {
  content: "\e059";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before {
  content: "\e05b";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before {
  content: "\e05a";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
  content: "\e5d5";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before {
  content: "\e056";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before {
  content: "\e058";
}
.main-dark .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before,
.main-dark .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before {
  content: "\e057";
}
.main-dark .showPlayer .play-js .play-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #3d4142;
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .play-js .play-progress-holder .play-load-progress div,
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress {
  border-radius: 24px;
}
.main-dark .showPlayer .play-js .play-slider.disabled {
  cursor: default;
}
.main-dark .showPlayer .play-js .play-slider:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-dark .showPlayer .play-auto-selected-quality {
  font-weight: bold;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button {
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control {
  position: absolute;
  bottom: calc(100% + 1.5em);
  right: -4em;
  height: auto;
  width: 17em;
  background-color: rgba(37, 37, 37, 0.85);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
  height: 3em;
  width: 100%;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: #9d9080;
  background-color: rgba(157, 144, 128, 0.5);
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  align-items: center;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text {
  position: unset;
  text-align: left;
  font-size: 1em;
  padding: 0;
  font-weight: bold;
  height: auto;
  width: 7em;
  line-height: 1.1em;
  overflow: inherit;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-icon-placeholder {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  text-align: right;
  padding-right: 1em;
  line-height: 3em;
  flex: 1;
  position: static;
}
.main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value:after {
  content: ">";
  font-size: 1.1em;
  line-height: normal;
  font-weight: bold;
  margin-left: 0.4em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked {
  width: 8em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-control {
  height: unset;
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked {
  display: block;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu-button.play-menu-button-popup {
  display: none;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing {
  display: block;
  margin-bottom: unset;
  position: unset;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
  background-color: rgba(37, 37, 37, 0.85);
  bottom: -6.5em;
  right: 2.5em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title {
  border-bottom: 1px solid #8a8a8a;
  padding: 1px;
  cursor: pointer;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title:before {
  content: "<";
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 0.4em;
}
.main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-item {
  line-height: 1.5em;
}
.main-dark .showPlayer .play-workinghover .play-settings.play-control .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-dark .showPlayer .play-js .play-mute-control {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.main-dark .showPlayer .play-js .play-volume-control.play-volume-horizontal {
  width: 5em;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.main-dark .showPlayer .play-js .play-volume-panel {
  transition: width 1s;
}
.main-dark .showPlayer .play-js .play-volume-panel:hover .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel:active .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel:focus .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:hover,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:active,
.main-dark .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.main-dark .showPlayer .play-js .play-volume-panel:hover .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel:active .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel:focus .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:hover.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control:active.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control.play-volume-horizontal,
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active.play-volume-horizontal {
  height: 3em;
}
.main-dark .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical {
  display: none;
}
.main-dark .showPlayer .play-js .play-volume-panel button.play-mute-control.play-control.play-button:hover + div.play-volume-control.play-control.play-volume-vertical {
  display: block;
}
.main-dark .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical:hover {
  display: block;
}
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:hover,
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:active,
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-slider-active {
  transition: width 0.1s;
}
.main-dark .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-mute-toggle-only {
  width: 4em;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-vertical {
  height: 12em;
  width: 3em;
  left: -3.3em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.main-dark .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-horizontal {
  transition: visibility 1s, opacity 1s;
}
.main-dark .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.main-dark .showPlayer .play-js.play-no-flex .play-volume-control.play-volume-vertical,
.main-dark .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.main-dark .showPlayer .play-js .play-volume-panel {
  display: flex;
}
.main-dark .showPlayer .play-js .play-volume-bar {
  margin: 1.35em 0.45em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-horizontal {
  width: 100%;
  height: 0.3em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-vertical {
  width: 0.35em;
  height: 9em;
  margin: 1.35em auto;
}
.main-dark .showPlayer .play-js .play-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.main-dark .showPlayer .play-js .play-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.main-dark .showPlayer .play-slider-vertical .play-volume-level {
  width: 0.31em;
}
.main-dark .showPlayer .play-slider-vertical .play-volume-level:before {
  top: -0.5em;
  left: -0.33em;
}
.main-dark .showPlayer .play-slider-horizontal .play-volume-level {
  height: 0.3em;
}
.main-dark .showPlayer .play-slider-horizontal .play-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.main-dark .showPlayer .play-volume-bar.play-slider-vertical .play-volume-level {
  height: 100%;
}
.main-dark .showPlayer .play-volume-bar.play-slider-horizontal .play-volume-level {
  width: 100%;
}
.main-dark .showPlayer .play-js .play-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 6.5em;
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-menu {
  left: -2em;
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-bar {
  margin: 1.35em;
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  bottom: 30px;
  left: 80%;
  height: 3em;
  -webkit-transform: none;
  transform: none;
  width: 10em;
  top: -3px;
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  background: rgba(66, 59, 51, 0.4);
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-level:after {
  content: "\f111";
  position: absolute;
  font-size: 0.9em;
  top: -0.3em;
  left: -0.33em;
  background: transparent;
  display: none;
}
.main-dark .showPlayer .play-js .play-volume-horizontal .play-volume-level:before {
  content: "\f111";
  position: absolute;
  font-size: 1.2em;
  top: -0.29em;
  color: #2eb7d7;
  z-index: 100;
  border-radius: 50%;
  right: -7px;
}
.main-dark .showPlayer .play-js button.play-previous-control,
.main-dark .showPlayer .play-js button.play-next-control,
.main-dark .showPlayer .play-js .play-volume-panel {
  height: 2.4em;
}
.main-dark .showPlayer .audio-js.play-js .play-control.play-play-control {
  width: 5.4em;
  height: 5.4em;
}
.main-dark .showPlayer .audio-js .audio-player-element > div {
  align-items: center;
}
.main-dark .showPlayer .play-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.main-dark .showPlayer .play-has-started .play-poster {
  display: none;
}
.main-dark .showPlayer .play-audio.play-has-started .play-poster {
  display: block;
}
.main-dark .showPlayer .play-using-native-controls .play-poster {
  display: none;
}
.main-dark .showPlayer .play-js .play-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.main-dark .showPlayer .play-no-flex .play-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.main-dark .showPlayer .play-js .play-time-control {
  flex: none;
  font-size: 1.2em;
  min-width: 1.2em;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-dark .showPlayer .play-time-divider {
  line-height: 3em;
}
.main-dark .showPlayer .play-live .play-time-divider {
  display: none;
}
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
}
.main-dark .showPlayer .play-js .play-play-control.play-paused .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-play-control.play-ended .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-dark .showPlayer .play-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.main-dark .showPlayer .play-js.play-user-inactive.play-playing .play-text-track-display {
  bottom: 1em;
}
.main-dark .showPlayer .play-js .play-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.main-dark .showPlayer .play-subtitles {
  color: #fff;
}
.main-dark .showPlayer .play-captions {
  color: #fc6;
}
.main-dark .showPlayer .play-tt-cue {
  display: block;
}
.main-dark .showPlayer video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.main-dark .showPlayer .play-js.play-user-inactive.play-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.main-dark .showPlayer .play-js .play-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/player-zoom-in-MMZYARHN.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-next-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/next-track-button-43AMHUWC.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-share-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/share-HLGQMO4S.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-playlist-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/playlist-IWZADL4J.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-favourite-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/favourite-VENDLXRH.svg");
  background-position: center;
  cursor: pointer;
}
.main-dark .showPlayer .play-js .favourite-selected .play-icon-placeholder:before {
  background-image: url("./media/favourite-selected-GNDBHRIT.svg") !important;
}
.main-dark .showPlayer .play-js .play-previous-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/previous-track-button-ZBA2QJZY.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-shuffle-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-shuffle-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/loop-button-2PB6TLEZ.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-one-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js .play-repeat-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-dark .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  background-image: url("./media/player-zoom-out-IULOZ34I.svg");
  background-position: center;
  width: 0.92em;
  height: 0.92em;
}
.main-dark .showPlayer .play-playback-rate .play-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-dark .showPlayer .play-playback-rate .play-playback-rate-value {
  pointer-events: none;
  font-size: 1.3em;
  line-height: 2.5;
  text-align: center;
}
.main-dark .showPlayer .play-playback-rate .play-menu {
  width: 4em;
  left: 0em;
}
.main-dark .showPlayer .play-error .play-error-display .play-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.main-dark .showPlayer .play-error .play-error-display:before {
  color: #fff;
  content: "X";
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.main-dark .showPlayer .play-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(66, 59, 51, 0.4);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner,
.main-dark .showPlayer .play-waiting .play-loading-spinner {
  display: block;
}
.main-dark .showPlayer .play-loading-spinner:before,
.main-dark .showPlayer .play-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:before,
.main-dark .showPlayer .play-seeking .play-loading-spinner:after,
.main-dark .showPlayer .play-waiting .play-loading-spinner:before,
.main-dark .showPlayer .play-waiting .play-loading-spinner:after {
  -webkit-animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
  animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:before,
.main-dark .showPlayer .play-waiting .play-loading-spinner:before {
  border-top-color: white;
}
.main-dark .showPlayer .play-seeking .play-loading-spinner:after,
.main-dark .showPlayer .play-waiting .play-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
@-webkit-keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
.main-dark .showPlayer .play-chapters-button .play-menu ul {
  width: 24em;
}
.main-dark .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-dark .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-dark .showPlayer .play-text-track-display div div div {
  background-color: transparent !important;
}
.main-dark .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-dark .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-custom-control-spacer {
  flex: auto;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen).play-no-flex .play-custom-control-spacer {
  width: auto;
}
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-progress-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-subtitles-button,
.main-dark .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-subtitles-button,
.main-dark .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-current-time,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-time-divider,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-duration,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-remaining-time,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-playback-rate,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-mute-control,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-volume-control,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-chapters-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-descriptions-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-captions-button,
.main-dark .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-subtitles-button .play-audio-button {
  display: none;
}
.main-dark .showPlayer .play-modal-dialog.play-text-track-settings {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.75);
  color: #fff;
  height: 70%;
}
.main-dark .showPlayer .play-text-track-settings .play-modal-dialog-content {
  display: table;
}
.main-dark .showPlayer .play-text-track-settings .play-track-settings-colors,
.main-dark .showPlayer .play-text-track-settings .play-track-settings-font,
.main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
  display: table-cell;
}
.main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .main-dark .showPlayer .play-text-track-settings .play-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .main-dark .showPlayer .play-text-track-settings .play-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.main-dark .showPlayer .play-track-setting > select {
  margin-right: 5px;
}
.main-dark .showPlayer .play-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.main-dark .showPlayer .play-text-track-settings fieldset span {
  display: inline-block;
}
.main-dark .showPlayer .play-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.main-dark .showPlayer .play-text-track-settings .play-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.main-dark .showPlayer .play-track-settings-controls button:focus,
.main-dark .showPlayer .play-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image:
    linear-gradient(
      0deg,
      #fff 88%,
      #9d9080 100%);
}
.main-dark .showPlayer .play-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.main-dark .showPlayer .play-track-settings-controls button {
  background-color: #fff;
  background-image:
    linear-gradient(
      -180deg,
      #fff 88%,
      #9d9080 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.main-dark .showPlayer .play-track-settings-controls .play-default-button {
  margin-right: 1em;
}
@media print {
  .main-dark .showPlayer .play-js > *:not(.play-tech):not(.play-poster) {
    visibility: hidden;
  }
}
.main-dark .showPlayer .play-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
.main-dark .showPlayer play-js .play-control-bar {
  width: 80%;
  margin: 0px 10% 3em;
}
.main-dark .showPlayer .play-js .play-progress-holder .play-play-progress .scrubber-head {
  content: "";
  background: #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-dark .showPlayer .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0.5em;
}
.main-dark .showPlayer .play-fullscreen-control.play-control.play-button {
  margin-left: 0.5em;
}
.main-dark .showPlayer .play-js .play-progress-control:hover .play-play-progress.play-slider-bar .scrubber-head {
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
}
.main-dark .showPlayer .play-icon-placeholder:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.main-dark .showPlayer .play-icon-placeholder:hover:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.main-dark .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
}
@media screen and (min-width: 1500px) {
  .main-dark .showPlayer .play-js .play-control-bar {
    height: 6.4em;
  }
  .main-dark .showPlayer .play-js .play-progress-holder {
    height: 1em;
  }
  .main-dark .showPlayer .play-play-progress.play-slider-bar .scrubber-head {
    width: 2em;
    height: 2em;
  }
  .main-dark .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip,
  .main-dark .showPlayer .play-js .play-progress-control:hover .play-time-tooltip {
    font-size: 1em;
  }
  .main-dark .showPlayer .play-js .play-play-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before,
  .main-dark .showPlayer .play-icon-volume-high:before,
  .main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-dark .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
    width: 1em;
    height: 1em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control {
    width: 22em;
    top: -9em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
    height: 4em;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text,
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
    font-size: 1.2em;
    height: auto;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
    padding: 10px;
  }
  .main-dark .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
    bottom: -8em;
  }
  .main-dark .showPlayer .play-menu li {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .main-dark .showPlayer .play-js .play-control {
    width: 3em;
  }
  .main-dark .showPlayer .play-js .play-control-bar {
    width: 98%;
    margin: 0px auto 3em;
  }
}
.main-dark .showPlayer .audio-js.play-icon-volume-high:before,
.main-dark .showPlayer .play-js .play-mute-control .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-speaker-RXVCKNG7.svg");
}
.main-dark .showPlayer .audio-js.play-icon-volume-mid:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-2 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mid-speaker-3EYNHF6F.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-icon-volume-low:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-1 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-low-speaker-VN5FL2CH.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-icon-volume-mute:before,
.main-dark .showPlayer .play-js .play-mute-control.play-vol-0 .audio-js.play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-dark .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mute-SKUQX7QF.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  background-image: url("./media/settings-WU7ATBUH.svg");
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control:before {
  left: 50%;
  right: unset;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-dark .showPlayer .audio-js.play-js .play-control-bar {
  width: 100%;
  padding: 0;
  border-radius: 0;
  height: 8.8em;
  background-color: #f6f6f6;
}
.main-dark .showPlayer .audio-js.play-js .play-control {
  width: 6em;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-control {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-control .play-progress-holder {
  margin: 0;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-load-progress,
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress {
  border-radius: 0;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder {
  height: 0.4em;
}
.main-dark .showPlayer .audio-js.play-js .play-slider {
  background-color: #dfdfdf;
}
.main-dark .showPlayer .audio-js.play-js .play-play-progress {
  background-color: #1cb5d7;
}
.main-dark .showPlayer .audio-js.play-js .play-load-progress div {
  background: #96a1a5;
}
.main-dark .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress .scrubber-head {
  background-color: #1cb5d7;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-dark .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control {
  top: -10em;
  right: unset;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.main-dark .showPlayer .audio-js.play-js .play-volume-panel .play-volume-control {
  position: absolute !important;
  left: 50%;
  border-radius: 2px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 70%;
  margin-left: 0;
  z-index: 1;
}
.main-dark .showPlayer .play-js .play-volume-level:after {
  content: "";
  position: absolute;
  font-size: 0.9em;
  top: -0.5em;
  left: -0.33em;
  background: #2eb7d7;
  z-index: 100;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-dark .showPlayer .audio-js .play-bar {
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.main-dark .showPlayer .audio-js .auto-play {
  color: #9a9a9a;
  display: flex;
  align-items: center;
  width: 13em;
}
.main-dark .showPlayer .audio-js .auto-play .auto-play-on,
.main-dark .showPlayer .audio-js .auto-play .auto-play-off {
  color: #000;
  border: 1px solid rgba(204, 204, 204, 0.8);
  border-radius: 15px;
  padding: 8px;
  min-width: 45px;
  text-align: center;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .auto-play .auto-play-off {
  display: none;
}
.main-dark .showPlayer .audio-js .seek-bar-setting-button-group {
  justify-content: flex-end;
}
.main-dark .showPlayer .audio-js .track-title {
  color: #403f3f;
  font-size: 1.2em;
  margin-left: 10px;
  font-weight: 600;
}
.main-dark .showPlayer .audio-js .track-title .authorTitle {
  color: #403f3f;
  font-size: 0.5rem;
  margin-left: 10px;
  font-weight: 600;
}
.main-dark .showPlayer .audio-js .track-title > div {
  max-width: 150px;
  text-align: left;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-dark .showPlayer .audio-js .play-current-time.play-time-control {
  position: absolute;
  left: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .play-duration.play-time-control {
  position: absolute;
  right: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-dark .showPlayer .audio-js .play-fullscreen-control {
  display: none;
}
.main-dark .showPlayer .audio-js .play-time-control.play-time-divider {
  display: none;
}
.main-dark .showPlayer .audio-group-bar {
  display: flex;
}
.main-dark .showPlayer .audio-js.play-js .play-favourite-control.play-control,
.main-dark .showPlayer .audio-js.play-js .play-share-control.play-control,
.main-dark .showPlayer .audio-js.play-js .play-playlist-control.play-control {
  width: 4em;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control.play-paused .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-play-control.play-playing .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-pause-IRJMG4SP.svg");
  background-position: center;
}
.main-dark .showPlayer .audio-js.play-js .play-next-control .play-icon-placeholder:before {
  background-image: url("./media/a-next-NVFVASHB.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-previous-control .play-icon-placeholder:before {
  background-image: url("./media/a-previous-4W5IWN6X.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-AGQCWW3P.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-off-SBJMK6EG.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-control .play-icon-placeholder:before {
  width: 1em;
  height: 1em;
  background-image: url("./media/a-repeat-26WRHQMI.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-repeat-off-KMGRX7UO.svg");
  cursor: pointer;
}
.main-dark .showPlayer .audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before {
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  cursor: pointer;
}
.main-dark .showPlayer button.play-repeat-one-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer button.play-repeat-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer button.play-shuffle-control.play-control.play-button {
  display: none;
}
.main-dark .showPlayer .audio-js .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0;
}
.main-dark .showPlayer .audio-js .audio-play-button-group {
  justify-content: center;
}
.main-dark .showPlayer .audio-js.play-volume-panel.play-control.play-volume-panel-vertical {
  position: relative;
}
.main-dark .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
  padding: 0 5.6em;
}
.main-dark .showPlayer .play-texttrack-settings {
  display: none !important;
}
.main-dark .showPlayer .audio-player-element {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-dark .showPlayer .video-player-element {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
}
.main-dark .showPlayer .audio-js .audio-player-element > div {
  width: 100%;
  display: contents;
}
.main-dark .showPlayer .audio-js #thumb {
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(82, 78, 78, 0.7098039216);
}
@media screen and (max-width: 1024px) {
  .main-dark .showPlayer .audio-js.play-fluid .play-control-bar {
    padding: 0 0.6em;
  }
  .main-dark .showPlayer .audio-js #thumb {
    width: 40px;
  }
  .main-dark .showPlayer .audio-js .play-favourite-control,
  .main-dark .showPlayer .audio-js .play-share-control,
  .main-dark .showPlayer .audio-js .play-playlist-control,
  .main-dark .showPlayer .audio-js .auto-play {
    display: none;
  }
}
.main-dark .showPlayer {
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js {
  margin-top: 0;
  height: 5.25rem;
  background: #fff;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
  padding: 0.375rem 4.125rem 0;
  height: 100%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay span {
  position: absolute;
  width: 110%;
  height: 110%;
  z-index: 0;
  top: -5%;
  left: -5%;
  background-image: url(https://d6inq6b33hd48.cloudfront.net/album_thumbnails/artworks-000129981888-asajqm-t500x500.jpg);
  background-position: center;
  background-size: cover;
  background-color: #fff;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
  -o-filter: blur(60px);
  -ms-filter: blur(60px);
  filter: blur(60px);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .image-overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .player-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .player-div .play-control-bar {
  background: transparent;
  z-index: 1;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-bar {
  margin: 0;
  padding: 0;
  width: 100%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js #thumb {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 5px;
  box-shadow: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title {
  font-size: 1rem;
  color: #102942;
  font-weight: 600;
  flex: 1;
  width: 10%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
  font-size: 0.875rem;
  color: #485571;
  margin: 0.375rem 0 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
  max-width: 70%;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-progress-holder .play-play-progress .scrubber-head {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder {
  height: 0.375rem;
  background: #b9b7b7;
  border-radius: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress {
  background: #FB8541;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress .scrubber-head {
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #f16c1f;
  border-radius: 0.875rem;
  background: #f16c1f;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip {
  background-color: rgb(79, 79, 79);
  background: none;
  border: 0 none;
  border-radius: 0;
  float: none;
  color: #fff;
  font-weight: 800;
  font-family: inherit;
  line-height: normal;
  padding: 0.125rem 0.3125rem;
  top: -1.6875rem;
  height: 0;
  display: block;
  font-size: 9px;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-play-progress .play-time-tooltip {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-load-progress {
  background: #929191;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  font-size: 0.625rem;
  color: #4f4f4f;
  font-weight: 800;
  top: 0.625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  text-align: right;
  padding-right: 0.4375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control {
  text-align: left;
  padding-left: 0.4375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin: 0 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control {
  margin-right: 1.375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  width: auto;
  padding: 0 0.0625rem;
  height: auto;
  cursor: pointer;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  display: block;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  margin-right: 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control:hover,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control:hover {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control {
  margin-left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin-right: 1.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control {
  position: relative;
  z-index: 1;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
  width: 17px;
  height: 15px;
  background-image: url("./media/favourite-7NQCC3CH.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .play-icon-placeholder {
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .small-hearts i {
  -webkit-animation: smallhearts-animation 0.35s linear;
  animation: smallhearts-animation 0.35s linear;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts {
  position: absolute;
  width: 9.375rem;
  left: 1.25rem;
  bottom: 1.75rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i {
  position: absolute;
  opacity: 0;
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:first-child {
  left: -1.5625rem;
  top: -0.9375rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(2) {
  left: 0.3125rem;
  top: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(3) {
  width: 0.375rem;
  height: 0.375rem;
  left: -33px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(4) {
  left: -0.4375rem;
  top: -0.625rem;
  width: 0.375rem;
  height: 0.375rem;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
  width: 12px;
  height: 14px;
  background-image: url("./media/share-35YJT56F.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
  margin-right: 1.25rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
  width: 16px;
  height: 15px;
  margin-top: 3px;
  background-image: url("./media/playlist-JU363ILJ.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
  width: 16px;
  height: 13px;
  background-image: url("./media/repeat-Z336JZAR.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
  width: 15px;
  height: 16px;
  background-image: url("./media/repeat1-7GVJ7OCG.svg");
  margin-top: 3px;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background-image: url("./media/repeat2-ZW22ZTK5.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  background-image: url("./media/previous-JPH6BST3.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
  width: 16px;
  height: 9px;
  background-image: url("./media/Next-THW63WHH.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
  border-radius: 2.25rem;
  margin: 1.4rem 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 0.8125rem;
  border-color: transparent transparent transparent #ffffff;
  cursor: pointer;
  margin: auto;
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-playing .play-icon-placeholder {
  border-style: double;
  border-width: 0px 0 0px 0.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-paused .play-icon-placeholder {
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-BX3RT6VW.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-on-IJ3RALB3.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .auto-play {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover {
  width: auto;
  height: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 0.9375rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-control,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-control {
  opacity: 1;
  visibility: visible;
  height: auto;
  position: static !important;
  margin-left: 0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button {
  width: auto;
  margin-right: 0.625rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-0 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-0 .play-icon-placeholder {
  background-image: url("./media/Speaker-no-audio-LTZM5SYP.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-1 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-1 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-2 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-2 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-3 .play-icon-placeholder,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-3 .play-icon-placeholder {
  background-image: url("./media/Speaker-three-vol-YL5IFIZA.svg");
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder:before {
  display: none;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-slider,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-slider {
  margin: 0;
  background: #d0d0d0;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal {
  height: 0.125rem;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level {
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level:before,
.main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level:before {
  content: "";
  width: 0.6875rem;
  height: 0.6875rem;
  top: -0.25rem;
  border: 1px solid #fff;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
@-webkit-keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@media (min-width: 1200px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
    width: 1.0625rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
    width: 0.75rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
    width: 1rem;
    height: 0.9375rem;
    margin-top: 0.1875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
    width: 1rem;
    height: 0.8125rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
    width: 0.9375rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
    margin-top: 0.1875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
    width: 1rem;
    height: 0.5625rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
}
@media (max-width: 1300px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 15%;
  }
}
@media (max-width: 1199px) {
  .main-dark .showPlayer html {
    font-size: 14px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 1024px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 0.375rem 40px 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: block;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 188px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: 1;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    width: 188px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 82px;
  }
}
@media (max-width: 767px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js {
    height: 88px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
    top: 12px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 0;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 25px 15px 10px;
    flex-wrap: wrap;
    height: auto;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: auto;
    width: 100%;
    justify-content: center;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    flex: auto;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar .play-bar {
    width: 100%;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
    margin: 0 1.25rem;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js #thumb {
    display: none;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title {
    margin: 0;
    font-size: 12px;
    width: 100%;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
    padding-right: 30px;
  }
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
    display: none;
  }
}
@media (max-width: 480px) {
  .main-dark .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    padding-right: 10px;
  }
}
.main-dark .player-close {
  line-height: 1.5rem;
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 5.25rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-top-left-radius: 0.1875rem;
  cursor: pointer;
  font-size: 0.825rem;
  padding: 0 0.825rem;
  display: inline-block;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.main-dark .detail-page-body {
  background: #0e233d;
  margin-top: 25px;
  padding: 0px 15px;
  margin-bottom: 30px;
}
.main-dark .detail-page-body .songs-body:hover {
  background: #091c34 !important;
  box-shadow: none !important;
}
.main-dark .detail-page-body .songs-body:hover::after {
  display: none;
}
.main-dark .detail-page-body .songs-body::after {
  content: "";
  position: absolute;
  width: 97%;
  height: 0.5px;
  background: #283850;
  bottom: 0;
}
.main-dark .detail-page-body .songs-body:hover .sno {
  background: #f16e36 !important;
}
.main-dark .showPlayer .vplayed-audio.audio-js.play-js {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.main-dark .play-favourite-control,
.main-dark .play-share-control {
  display: none !important;
}
.main-dark .plyr__progress input[type=range] {
  color: #f47228 !important;
}
.main-dark .plyr__volume input[type=range] {
  color: #f47228 !important;
}
.main-dark .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: #f37336;
}
.main-dark .plyr--video .plyr__control.plyr__tab-focus,
.main-dark .plyr--video .plyr__control:hover,
.main-dark .plyr--video .plyr__control[aria-expanded=true] {
  background: #f37336;
}
.main-dark .album-list-container ::-webkit-scrollbar {
  width: 7px;
  background: #0b1c34;
}
.main-dark .album-list-container {
}
.main-dark .album-list-container ::-webkit-scrollbar-thumb {
  background: #ea9734;
  border-radius: 10px;
}
.main-dark .album-list-container {
  display: flex;
  justify-content: space-evenly;
}
.main-dark .album-list-container .title_sec {
  display: flex;
}
.main-dark .album-list-container .arama-kutusu {
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  display: flex;
  align-items: center;
  background: #0f233d;
  height: 45px;
  border-radius: 40px;
  padding: 9px;
}
.main-dark .album-list-container .arama-buton {
  width: 42px;
  height: 40px;
  margin-top: 0px;
  margin-left: -12px;
  background: #0f233d;
}
.main-dark .album-list-container .arama-yazi {
  padding-left: 20px !important;
  margin-top: 1px;
  padding-left: 15px;
  color: #fff;
  width: 200px;
  position: relative;
  left: 0px;
  border-radius: 100px;
  z-index: -9;
}
.main-dark .album-list-container ::placeholder {
  color: rgba(255, 255, 255, 0.2705882353);
  font-family: Notosans;
}
.main-dark .album-list-container .ngx-dropdown-button {
  min-height: 45px !important;
  outline: 0;
  background-color: #0e233d !important;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  padding-left: 20px !important;
}
.main-dark .album-list-container .ngx-dropdown-button .display-text {
  margin-top: 0px !important;
}
.main-dark .album-list-container .ngx-dropdown-button .nsdicon-angle-down {
  margin-top: 2px !important;
}
.main-dark .album-list-container .available-items li {
  color: #fff !important;
}
.main-dark .album-list-container .available-items li:hover {
  background: #f67a37;
  color: #fff !important;
  border-radius: 100px;
  outline: 0;
}
.main-dark .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li {
  background: transparent !important;
  color: #fff !important;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  margin-right: 5px;
  margin-bottom: 7px !important;
  flex-wrap: nowrap;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-dark .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li span {
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
}
.main-dark .album-list-container ul.selected-items {
  display: flex;
  flex-wrap: wrap;
}
.main-dark .album-list-container .ngx-dropdown-list-container {
  max-height: 400px;
  background: #0f233d !important;
}
.main-dark .album-list-container .ngx-dropdown-list-container .selected-items,
.main-dark .album-list-container .ngx-dropdown-list-container hr {
  display: none !important;
}
.main-dark .album-list-container .ngx-dropdown-container {
  outline: 0;
}
.main-dark .album-list-container .title_sec h2 {
  margin-top: 4px;
  font-family: "Notosans-medium";
  font-weight: normal !important;
}
.main-dark .album-list-container ngx-select-dropdown {
  width: 200px !important;
  margin-right: 20px;
}
.main-dark .album-list-container input {
  color: #fff !important;
}
.main-dark .youtube {
  top: 0;
  left: 0;
  z-index: 5;
  padding: 15px 30px;
  width: 100% !important;
}
.main-dark .youtube .back_btn {
  display: block !important;
}
.main-dark .youtube .movie-title {
  display: block !important;
}
.main-dark .album-list .skeleton {
  width: 100%;
  padding: 0.625rem;
  height: 160px;
  background: #14253d;
  margin-right: 10px;
  border-radius: 5px;
}
.main-dark section.live-videos-page {
  min-height: 550px;
}
.main-dark .section-one a,
.main-dark .section-two a,
.main-dark .section-three a {
  color: #ccc !important;
}
.main-dark .liveplayer .video-detail-page {
  min-height: 550px;
}
.main-dark .album-list .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
.main-dark .album-list p {
  font-size: 25px;
  color: #fff;
  padding-top: 25px;
}
.main-dark div#youtube-player {
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
}
.main-dark .plyr__video-embed iframe {
  height: 93% !important;
}
.main-dark .home-banner .owl-carousel .owl-item img {
  opacity: 1 !important;
}
.main-dark .footer-text .tittle {
  color: #ccc !important;
}
.main-dark .latestnav .sub_new {
  display: flex;
  max-height: 40px;
  height: 40px;
  z-index: auto;
}
.main-dark .latestnav .sub_new.sub_new-empty {
  display: none !important;
}
.main-dark .latestul {
  display: flex;
  margin-top: 5px;
}
.main-dark .sub_new {
  transition: max-height 0.7s ease-in;
  position: absolute !important;
  width: 100%;
  left: 0;
  background: #091c34;
  padding-left: 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  top: 65px;
  z-index: -9;
}
.main-dark li.latestnav {
  z-index: auto;
  vertical-align: middle;
  align-items: center;
  height: 44px;
  display: flex;
  padding: 0px 9px;
}
.main-dark .video_sub {
  background: #14253d;
  border-bottom: none !important;
  border: 2px solid #f47637;
  border-radius: 10px 10px 0px 0px;
}
.main-dark .video_sub:hover .vidtag {
  color: #fff !important;
}
.main-dark .new_nav-item a svg {
  display: block !important;
  width: 11px;
  height: 11px;
  margin-top: 0px !important;
}
.main-dark .new_nav-item a svg path {
  fill: #c74c2b;
}
.main-dark #video.active {
  background: #091c34;
}
.main-dark #video.active .vidtag {
  color: #f16c1f !important;
}
.main-dark {
}
.main-dark #audio.active a,
.main-dark #radio.active a,
.main-dark #live.active a,
.main-dark #storys.active a,
.main-dark #tools.active a {
  color: #f16c1f !important;
}
.main-dark #audio,
.main-dark #live,
.main-dark #video,
.main-dark #radio,
.main-dark #storys {
  outline: none;
}
.main-dark .audio-page .select-header {
  position: fixed;
  background: #0e233d;
  width: 100%;
  z-index: 9;
  padding: 11px 0px !important;
  margin-top: -12px;
  border-top: 1px solid #f67a37;
}
.main-dark .audio-page .container .card-wrapper {
  padding-top: 15px;
}
.main-dark .audio-page .no-data {
  margin-top: 0 !important;
  padding-top: 75px;
}
.main-dark .audio-page {
  margin-top: 10px;
}
.main-dark .latestnav a svg {
  display: block !important;
  margin-right: 7px;
  margin-top: -3px;
}
.main-dark .home-banner {
  margin-top: 50px !important;
}
.main-dark .admin-playlists-all .tittle-blk h2 {
  color: #f7e93a;
}
.main-dark .admin-playlists-all .slider-content h3 {
  color: #f7e93a !important;
}
.main-dark .loading-jkps {
  width: 500px;
}
.main-dark .benefit_container h4 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-dark .benefit_container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-dark .benefit_container .sub-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-dark .benefit_container .sub-list li {
  font-size: 19px !important;
  width: 50%;
}
.main-dark .subscription-blk a.subscribe {
  margin-bottom: 30px;
}
.main-dark .play-mouse-display {
  position: relative;
  top: -29px;
  background: transparent !important;
}
.main-dark .play-mouse-display .play-time-tooltip {
  right: -15px;
  width: auto !important;
  height: 21px !important;
  bottom: -44px !important;
  position: absolute !important;
  top: 0 !important;
  background: rgba(79, 79, 79, 0.79) !important;
  padding-top: 4px !important;
  margin-top: 0px !important;
  border: none !important;
  border-radius: 3px !important;
}
.main-dark .changer_sub {
  padding: 0 !important;
}
.main-dark .changer_sub .modal-body {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-dark .changer_sub .login-modal {
  max-width: 55rem !important;
}
.main-dark .changer_sub .login-modal .close {
  cursor: pointer;
  margin-top: -20px;
  right: 15px !important;
  position: absolute;
  top: 35px !important;
  width: 20px;
  height: 20px;
}
.main-dark .changer_sub .header {
  display: none;
}
.main-dark .new_subscribe {
  padding-bottom: 0px !important;
  padding-top: 15px !important;
}
.main-dark .new_subscribe .preferred {
  width: 70%;
  background: #173b65;
  padding: 25px 10px;
  border-radius: 5px;
}
.main-dark .new_subscribe h4 {
  color: white;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.main-dark .new_subscribe h5 {
  color: #cacaca;
  padding-bottom: 5px;
}
.main-dark .new_subscribe .carders,
.main-dark .new_subscribe .neters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 30%;
  background: #0f233d;
  padding-top: 20px;
  padding-bottom: 15px;
  border-radius: 5px;
}
.main-dark .new_subscribe p {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  padding: 0px 10px;
}
.main-dark .new_subscribe .back-btn {
  margin: 0 !important;
  width: 147px !important;
  height: 55px;
  padding: 0;
  line-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-dark .new_subscribe .others {
  width: 30%;
  background: #333e50;
  padding: 25px 10px;
  border-radius: 5px;
  margin-left: 15px;
  position: relative;
}
.main-dark .new_subscribe .plan_content {
  font-size: 20px;
  color: #cacaca;
  padding-top: 20px;
  font-style: italic;
  text-align: left;
}
.main-dark .new_subscribe h4 {
  font-weight: bold;
  font-size: 20px !important;
  letter-spacing: 1px;
}
.main-dark .new_subscribe .pay_options,
.main-dark .new_subscribe .card_upi {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.main-dark .new_subscribe .card_upi {
  margin-top: 20px !important;
}
.main-dark .new_subscribe .upis {
  width: 93.5%;
  bottom: 25px;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: grid;
  background: #0f233d;
  padding-top: 32.5px;
  padding-bottom: 33.5px;
  border-radius: 5px;
}
.main-dark .new_subscribe .upis .back-btn {
  margin-left: 39px !important;
  width: 154px !important;
  font-size: 16px;
}
.main-dark .pay-type h3 {
  justify-content: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.main-dark .pay-type h3 span {
  padding-left: 30px;
  font-size: 1.5rem;
}
.main-dark .newout .upis {
  padding-top: 16px;
  padding-bottom: 18px;
  bottom: 26px;
}
.main-dark .outcard {
  width: 100% !important;
  margin-top: 30px;
}
.main-dark .outcard p {
  width: 100%;
}
.main-dark .video-bottom.skeleton-loader .content-details p {
  margin-left: 10px;
  margin-top: -5px;
}
.main-dark .skeleton-loader .back-to-history span {
  height: 25px;
  padding: 0px 10px;
}
.main-dark .new_menu_drop li:hover {
  cursor: default !important;
}
.main-dark .web_series .owl-nav {
  display: none !important;
}
.main-dark .new_super-sub-menu a:hover {
  color: #ff7424 !important;
}
.main-dark .clickhides {
  display: none !important;
}
.main-dark #chart-div-one .highcharts-root {
  width: 100%;
  height: 170px;
}
.main-dark #chart-div-two .highcharts-root {
  width: 100%;
  height: 55px;
}
.main-dark #chart-div-one .highcharts-container,
.main-dark #chart-div-two .highcharts-container {
  width: 100% !important;
}
.main-dark #chart-div-two .highcharts-container {
  height: 70px !important;
}
.main-dark #chart-div-one .highcharts-container {
  height: 170px !important;
}
.main-dark #chart-div-one .x-axis-title text {
  font-size: 38px !important;
  fill: black !important;
}
.main-dark img.storys {
  width: 30px;
  height: 28px;
  object-fit: contain;
  margin-top: -5px;
}
.main-dark ul.latestul li a {
  color: #ccc !important;
}
.main-dark ul.latestul li a:hover {
  color: #f16c1f !important;
}
.main-dark #story-page .home-banner {
  margin-top: 29px !important;
}
.main-dark .plyr__controls__item.plyr__control[data-plyr=fullscreen] {
  display: none !important;
}
.main-dark .plyr__controls {
  background: #091c34 !important;
  padding: 20px 10px !important;
}
.main-dark .plyr__video-embed,
.main-dark .plyr__video-wrapper--fixed-ratio {
  height: 0 !important;
  padding-bottom: 53.25% !important;
}
.main-dark #ytplayer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.main-dark .watermark-logo {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 40%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-dark .watermark-logo img {
  width: 60%;
}
.main-dark .watermark-logo2 {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 63.2%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-dark .watermark-logo2 img {
  width: 60%;
}
.main-dark .radio-control {
  display: none !important;
}
.main-dark .songs-body:hover .sno .song-play {
  display: block !important;
}
.main-dark .songs-body.current-playing-song:hover .sno .song-play {
  display: none !important;
}
.main-dark .current-playing-song svg.song-equalizer rect {
  fill: #fff !important;
}
.main-dark .current-playing-song .sno {
  background: #f16e36 !important;
}
.main-dark .current-playing-song .sno span {
  display: none;
}
.main-dark .current-playing-song .song-play {
  display: none;
}
.main-dark .current-playing-song .song-equalizer {
  display: block !important;
}
.main-dark span.radio-equ {
  display: none;
}
.main-dark .current-playing-radio span.radio-equ {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-dark .current-playing-radio span.radio-equ svg {
  width: 50px;
}
.main-dark .current-playing-radio span.radio-equ svg rect {
  fill: #fff !important;
}
.main-dark .new_subscribe p {
  font-size: 12px !important;
  line-height: 17px;
}
.main-dark .new_subscribe .back-btn {
  line-height: 19px !important;
}
.main-dark .new_subscribe .upis .back-btn {
  margin: 0px auto !important;
}
.main-dark .upis p {
  margin-top: 13px !important;
}
.main-dark .restrict-subscription-popup .share-footer a {
  height: auto !important;
  width: auto !important;
}
.main-dark {
}
@media screen and (min-width: 1100px) {
  .main-dark .container {
    width: 100%;
    padding: 0 55px;
  }
}
@media screen and (min-width: 1500px) {
  .main-dark .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-dark .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-dark .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
  .main-dark .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
    font-size: 4em;
  }
  .main-dark .container {
    width: 100%;
    padding: 0 55px;
  }
  .main-dark .vjs-playlist-vertical .vjs-playlist-item {
    height: auto;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 23.3%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 23.3%;
  }
  .main-dark .form-control label {
    top: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .main-dark .moveOutCardsCls {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
    transition-delay: 0.5s;
  }
  .main-dark .moveInCardsCls {
    transform: translateY(-265px);
    -webkit-transform: translateY(-265px);
    -moz-transform: translateY(-265px);
    -o-transform: translateY(-265px);
    -ms-transform: translateY(-265px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
  }
  .main-dark header.home-header.hide-header {
    visibility: hidden;
    opacity: 0;
    transition: 1s all ease;
  }
  .main-dark header.home-header.show-header {
    visibility: visible;
    opacity: 1;
    transition: 1s all ease;
  }
  .main-dark .sign_Up_Modal .login-modal {
    max-width: 47.063em;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split {
    width: 48%;
    margin-right: 20px;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date input {
    width: 100%;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .top-label {
    left: 5px;
    top: 8px;
    display: inline-block;
    padding: 0 5px;
    background: #fff;
    z-index: 1;
    transition: 0.4s ease all;
    line-height: 22px;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .ngx-datepicker-position-bottom-right {
    z-index: 2;
  }
  .main-dark .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1365px) {
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 47.8%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card i {
    margin-right: 1.25rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card .data-stats p {
    font-size: 0.9rem;
  }
}
@media (max-width: 1700px) {
  .main-dark .app-banner h6 {
    padding: 0 18%;
  }
}
@media (max-width: 1299px) {
  .main-dark .container {
    width: 100%;
    padding: 0 4%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .video-bottom {
    padding: 3.4375rem 0 2.8125rem 0;
    width: 42%;
  }
  .main-dark .video-detail-page .video-bottom h2 {
    font-size: 1.875rem;
  }
  .main-dark .video-detail-page .countdown-blk {
    right: 6.25rem;
  }
  .main-dark {
  }
  .main-dark .profile-page aside {
    width: 20%;
  }
  .main-dark .profile-page aside .vplay-profile-menu li {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
  .main-dark .profile-page aside .vplay-profile-menu i {
    margin-right: 1.25rem;
  }
  .main-dark .profile-page .profile-right {
    width: 78%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 0 5px 0 5px;
  }
  .main-dark .my-account-page .account-container {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 23.8%;
  }
  .main-dark .f-row .menu-set {
    margin-left: 20px;
  }
  .main-dark .f-row .menu-set a {
    font-size: 15px;
    padding: 0 5px;
  }
}
@media (min-width: 1820px) {
  .main-dark .video-detail-page .video-player-outer {
    width: 94.2%;
    max-height: 460px;
  }
  .main-dark .video-detail-page .video-player {
    height: 460px;
  }
}
@media (max-width: 1199px) {
  .main-dark .xray-contents {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
    width: 50px;
    height: 50px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    width: 55px;
    height: 65px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
    margin: auto;
  }
  .main-dark footer .tittle {
    font-size: 20px;
  }
  .main-dark .profile-page .s-container {
    width: 100%;
    padding: 0 20px;
  }
  .main-dark .profile-page .profile-right .user-img > span {
    bottom: 0;
    transition: bottom ease 0.3s;
  }
  .main-dark .profile-page .profile-right .profile-dashboard h3 {
    font-size: 18px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-img {
    width: 80px;
    height: 80px;
  }
  .main-dark .banner-slider .banner-content {
    padding: 0 10%;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-dark .f-row .menu-set {
    margin-left: 30px;
  }
  .main-dark .f-row .menu-set .menu-for-web,
  .main-dark .f-row .menu-set .hide-menu {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    max-width: 400px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
    height: 250px;
    padding: 10px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 170px;
    height: 170px;
  }
  .main-dark .pricing .single-subscription h5 {
    font-size: 20px;
  }
  .main-dark .pricing .single-subscription .sub-price {
    font-size: 31px;
    margin-bottom: 20px;
  }
  .main-dark .pricing .single-subscription .subscribe {
    padding: 13px 6px;
    max-width: 200px;
  }
  .main-dark .cs-slider .item:hover .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .cs-slider .item:hover .item,
  .main-dark .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .cs-slider .item:hover .item {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .profile-page .profile-right .history .history-container .item:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .like-box,
  .main-dark .profile-page .profile-right .history .history-container .item .like-box,
  .main-dark .slider-item .like-box,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .like-box {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-dark .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-dark .card-payment-popup h3 {
    font-size: 21px;
    padding: 20px 15px;
  }
  .main-dark .card-payment-popup .added-card-list {
    margin: 0 -5px;
  }
  .main-dark .card-payment-popup .pay-secure-btn {
    margin-top: 10px;
  }
  .main-dark .card-payment-popup .added-card {
    padding: 30px 11px 15px;
    width: 48%;
    margin: 5px;
  }
  .main-dark .card-payment-popup .added-card p {
    font-size: 13px;
  }
  .main-dark .card-payment-popup .added-card .delete-card {
    opacity: 1;
    visibility: visible;
  }
  .main-dark .card-payment-popup .added-card .chip {
    top: 34px;
  }
  .main-dark .card-payment-popup .card-right {
    padding-left: 15px;
  }
  .main-dark .card-payment-popup .card-left-menu a {
    padding: 10px 20px 10px 0px;
    font-size: 15px;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 16rem);
  }
}
@media (min-width: 1121px) and (max-width: 1199px) {
  .main-dark .saved-card-form .added-card-list {
    width: 50%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .main-dark .video-con-left p {
    color: #cacaca;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 170px;
    right: 0;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-dark {
  }
  .main-dark .f-row {
    position: relative;
    padding: 0 20px;
  }
  .main-dark .f-row .menu-set {
    margin-left: 2rem;
  }
  .main-dark .f-row .menu-set .mobileViewMenuItem {
    display: none;
  }
  .main-dark .f-row .dropdown-menu {
    left: 0;
  }
  .main-dark .f-row .search-blk {
    width: 25%;
    margin-right: 1.625rem;
    position: relative;
  }
  .main-dark .f-row .search-blk i {
    width: 20px;
    height: 20px;
    right: 0;
    left: unset;
    transition: none;
  }
  .main-dark .f-row .search-blk input {
    padding: 0 30px 0 0px;
    border: 0;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    transition: opacity ease 0.4s;
  }
  .main-dark .f-row .search-blk.open {
    width: 100%;
    position: absolute;
    margin: 0;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity ease 0.4s;
  }
  .main-dark .f-row .search-blk.open i {
    right: 20px;
    width: 20px;
    height: 20px;
    top: 20px;
    left: unset;
    bottom: auto;
  }
  .main-dark .f-row .search-blk.open i.header-search {
    display: none;
  }
  .main-dark .f-row .search-blk.open i.header-close {
    display: block;
  }
  .main-dark .f-row .search-blk.open input {
    height: 100%;
    font-size: 1rem;
    border-radius: 0;
    padding: 0 50px 0 10px;
    transition: opacity ease 0.4s;
  }
  .main-dark {
  }
  .main-dark .new-vplay .portrait-slider .owl-item:hover,
  .main-dark .small-vplay .small-slider .owl-item:hover,
  .main-dark .lanscape-vplay .lanscape-slider .owl-item:hover {
    transform: scale(1);
  }
  .main-dark {
  }
  .main-dark .banner-slider .banner-content {
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 20px;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    min-width: 50px;
    height: 50px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 23.6%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .premium-flex {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .video-detail-page .get-premium-btn,
  .main-dark .video-detail-page .buy-video {
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border-radius: 5px;
    width: auto;
    font-size: 12px;
    font-family: "Notosans";
    cursor: pointer;
    white-space: nowrap;
    background: rgba(26, 146, 173, 0.6);
    margin-right: 0.625rem;
  }
  .main-dark .video-detail-page .premium-or {
    z-index: 1;
    color: #fff;
    margin-right: 0.625rem;
  }
  .main-dark .video-detail-page .buy-video {
    margin: 0;
  }
  .main-dark .video-detail-page .play-info .get-premium-btn,
  .main-dark .video-detail-page .play-info .premium-or,
  .main-dark .video-detail-page .play-info .buy-video {
    display: none;
  }
  .main-dark .video-detail-page .video-banner-img {
    height: 15.625rem;
  }
  .main-dark .video-detail-page .vplay-cmts-outer {
    width: 100%;
  }
  .main-dark .video-detail-page .video-player-bg {
    background-size: cover;
    width: 100%;
    left: 0;
  }
  .main-dark .video-detail-page .play-btn-responsive {
    background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
    background-size: contain;
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: ease all 0.3s;
  }
  .main-dark .video-detail-page .video-player:before {
    background: rgba(0, 0, 0, 0.38);
  }
  .main-dark .video-detail-page .video-bottom {
    position: relative;
    color: #000;
    width: 100%;
    padding: 0 4%;
    margin: 1.875rem 0 0.9375rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .main-dark .video-detail-page .video-bottom .back-to-history {
    display: none;
  }
  .main-dark .video-detail-page .video-bottom .overview {
    color: #cacaca;
  }
  .main-dark .video-detail-page .video-bottom .play-info,
  .main-dark .video-detail-page .video-bottom .video-con-left h2,
  .main-dark .video-detail-page .video-bottom .video-data-info,
  .main-dark .video-detail-page .video-bottom .video-con-right,
  .main-dark .video-detail-page .video-bottom .starring-links a {
    color: #cacaca;
  }
  .main-dark .video-detail-page .play-info .play-btn {
    display: none;
  }
  .main-dark .video-detail-page .play-info svg path {
    fill: #ccc;
  }
  .main-dark .video-detail-page .video-content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .video-detail-page .video-con-right {
    margin-top: 1.25rem;
  }
  .main-dark .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .video-detail-page .user-options a {
    letter-spacing: 0;
    width: 42%;
    margin: 0 1.25rem 1rem 0;
  }
  .main-dark .video-detail-page .user-options svg path {
    fill: #ccc;
  }
  .main-dark .video-detail-page .video-con-left {
    width: 58%;
  }
  .main-dark .video-detail-page .video-con-right {
    width: 40%;
    margin-left: 2%;
    margin-top: 0;
  }
  .main-dark .video-detail-page .video-con-left h2,
  .main-dark .video-detail-page .video-con-right h2 {
    font-size: 1.5625rem;
  }
  .main-dark .video-detail-page .countdown-blk {
    right: 0;
  }
  .main-dark .video-detail-page .countdown-blk .countdown {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .video-detail-page .vplay-comments .vplay-cmt-input {
    width: 100%;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    width: 74%;
  }
  .main-dark .video-detail-page .video-data-info {
    margin-top: 10px;
  }
  .main-dark .video-detail-page .related-videos .item .slider-img {
    height: 7.5rem;
  }
  .main-dark {
  }
  .main-dark .pricing .subscription-blk a {
    min-width: 180px;
  }
  .main-dark {
  }
  .main-dark .profile-page aside {
    position: absolute;
    left: -23%;
    z-index: 1;
    display: none;
  }
  .main-dark .profile-page aside .toggle-for-mobile {
    display: inline-block;
    position: fixed;
    left: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background: #fb7e14;
    box-shadow: 3px 0px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .main-dark .profile-page aside .toggle-for-mobile svg {
    width: 25px;
    height: 25px;
    display: inline-block;
  }
  .main-dark .profile-page .profile-right {
    width: 100%;
  }
  .main-dark {
  }
  .main-dark .list-view .filter-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 3;
  }
  .main-dark .list-view aside {
    position: fixed;
    left: unset;
    top: unset;
    right: 55px;
    bottom: 55px;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0.5);
    transform-origin: right bottom;
    transition: all ease 0.5s;
  }
  .main-dark .list-view aside.show {
    background: #f3f3f3;
    z-index: 4;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 3px 4px 7px 0 rgba(60, 60, 60, 0.39);
    opacity: 1;
    visibility: visible;
    transition: all ease 0.5s;
  }
  .main-dark .list-view .right-side {
    margin-left: 0;
    border: 0;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 30%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 24%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 24%;
  }
  .main-dark {
  }
  .main-dark .profile-page aside .vplay-profile-menu,
  .main-dark .profile-page aside .v-user {
    display: none;
  }
  .main-dark .profile-page .profile-right {
    margin-left: 0;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed !important;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile .owl-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a i {
    margin-right: 0 !important;
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile a.active span {
    color: #ec5824;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.5rem;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 20rem);
  }
  .main-dark .video-detail-page .video-bottom.skeleton-loader {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark footer .f-footer .footer-text {
    width: 25%;
    margin-bottom: 40px;
    padding-right: 15px;
  }
  .main-dark .f-row .logo {
    width: 124px;
  }
  .main-dark .f-row .lang-toggle .lang-select .lang-selected {
    font-size: 14px;
  }
  .main-dark .f-row .menu-set a {
    padding: 0 5px;
  }
  .main-dark .f-row .profile-image {
    width: 35px;
    height: 35px;
    margin-right: 8px;
  }
  .main-dark .f-row .down-arrow {
    width: 10px;
    height: 10px;
  }
  .main-dark .f-row .search-blk,
  .main-dark .f-row .dark-icon,
  .main-dark .f-row .notification-blk,
  .main-dark .f-row .lang-toggle {
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .main-dark .f-row .search-blk i {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .dark-icon svg {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .notification-blk .notify-icon {
    width: 18px;
    height: 18px;
  }
  .main-dark .f-row .sign-btn {
    display: none;
  }
  .main-dark .f-row .mobile-login {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
  }
  .main-dark .f-row .mobile-login svg {
    width: 20px;
    height: 20px;
  }
  .main-dark .app-banner {
    padding: 40px 30px;
  }
  .main-dark .app-banner h6 {
    font-size: 26px;
  }
  .main-dark .app-banner p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-dark .app-banner .social-apps .google-play,
  .main-dark .app-banner .social-apps .app-store {
    zoom: 0.8;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 26rem);
  }
  .main-dark .card-payment-popup .form-coupon .add-card-details {
    width: 100%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon {
    width: 100%;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon form .promo {
    padding: 0px 0px 0px 30px;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-dark .net-banking-blk form {
    max-width: 21.5625rem;
  }
  .main-dark .net-banking-blk .netbanking-coupon .card_field_group {
    max-width: 100%;
    width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .app-coupon {
    width: 100%;
    max-width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .app-coupon .coupon {
    width: 100%;
  }
  .main-dark .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo {
    padding-left: 30px;
  }
  .main-dark .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-dark .net-banking-blk .netbanking-coupon .select-svg {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .main-dark .new_menu_drop {
    display: none !important;
  }
  .main-dark .menu_drop {
    display: none;
  }
  .main-dark .mobile-overlay.open {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s ease;
  }
  .main-dark .pricing h3 {
    font-size: 25px;
  }
  .main-dark .pricing .subscription-blk {
    max-width: 50%;
  }
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 31.9%;
  }
  .main-dark .share-popup .share-tittle {
    padding: 15px;
  }
  .main-dark .share-popup .share-content {
    padding: 15px;
  }
  .main-dark .share-popup .share-content .share-movie-img {
    width: 60px;
    height: 70px;
  }
  .main-dark .share-popup .share-content .share-movie span {
    font-size: 15px;
    flex: auto;
  }
  .main-dark .share-popup .share-footer {
    padding: 10px 15px;
  }
  .main-dark .share-popup .share-footer a.embed,
  .main-dark .share-popup .share-footer a {
    width: 30px;
    height: 30px;
  }
  .main-dark .share-popup .share-footer a.link {
    width: 32px;
    height: 32px;
  }
  .main-dark {
  }
  .main-dark .slider-item .slider-content .video-options svg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .video-options svg,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .video-options svg {
    width: 15px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-img,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-dark .owl-nav {
    display: none;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 11.25rem;
  }
  .main-dark {
  }
  .main-dark header.home-header .f-row .menu-set a,
  .main-dark header.home-header.fixed .f-row .menu-set a {
    color: #9a9a9a;
  }
  .main-dark header.home-header .f-row .logo .default_logo {
    display: block;
  }
  .main-dark header.home-header .f-row .logo .home_logo {
    display: none;
  }
  .main-dark header.home-header .f-row .notification-blk .notify-icon svg path,
  .main-dark header.home-header .f-row .dark-icon svg path,
  .main-dark header.home-header .f-row .search-blk i svg path {
    fill: #ffffff;
  }
  .main-dark header.home-header .f-row .lang-toggle .lang-select .lang-selected {
    color: #ffffff;
  }
  .main-dark header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
    fill: #ffffff;
  }
  .main-dark header.home-header.live-header {
    background: transparent;
  }
  .main-dark .f-row {
    height: 56px;
  }
  .main-dark .f-row .search-blk.open {
    height: 56px;
  }
  .main-dark .f-row .profile-image {
    width: 30px;
    height: 30px;
  }
  .main-dark .f-row .logo {
    width: 104px;
  }
  .main-dark .f-row .toggle-menu {
    display: block !important;
  }
  .main-dark .f-row .toggle-menu .line-menu {
    height: 2px;
  }
  .main-dark .f-row .toggle-menu .wrapper-menu {
    width: 22px;
    height: 18px;
  }
  .main-dark .f-row .menu-set {
    position: fixed;
    bottom: 0;
    background: #000;
    left: 0;
    z-index: 6;
    width: 100%;
    margin-left: 0;
    padding: 0 0;
    height: 47px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: bottom 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
  }
  .main-dark .f-row .menu-set.mobileViewMenuItem {
    bottom: -50px;
  }
  .main-dark .f-row .menu-set .dropdown-menu {
    display: block;
  }
  .main-dark .f-row .menu-set .menu-for-web,
  .main-dark .f-row .menu-set .hide-menu,
  .main-dark .f-row .menu-set a.go_premium {
    display: none;
  }
  .main-dark .f-row .menu-set > a {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    color: #9a9a9a;
    font-size: 14px;
    transform: scale(0.85);
    transition: all ease 0.3s;
  }
  .main-dark .f-row .menu-set > a > svg {
    display: block;
    margin-bottom: 4px;
  }
  .main-dark .f-row .menu-set > a.mobile-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .f-row .menu-set > a:hover,
  .main-dark .f-row .menu-set > a.active {
    transform: scale(1);
    transition: all ease 0.3s;
  }
  .main-dark .f-row .menu-set > a.toggle-mobile-menu,
  .main-dark .f-row .menu-set > a.hide-for-web {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
  }
  .main-dark .f-row .menu-set .live-vid svg {
    margin-right: 0;
    margin-bottom: 0;
  }
  .main-dark .f-row .menu-set .live-vid svg path {
    fill: #9a9a9a;
  }
  .main-dark .f-row .toggle-profile .profile-link span {
    margin-right: 0;
  }
  .main-dark .f-row .toggle-profile .profile-link svg {
    display: none;
  }
  .main-dark .f-row .toggle-profile .dropdown-profile {
    display: none;
  }
  .main-dark .f-row .dropdown-menu {
    position: fixed;
    width: 260px;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 5;
    overflow: auto;
    transition: left ease-out 0.5s;
  }
  .main-dark .f-row .dropdown-menu.open {
    top: 0;
    left: 0;
    z-index: 7;
    border-radius: 0;
    transition: left ease-in 0.4s;
  }
  .main-dark .f-row .dropdown-menu .profile-blk {
    padding: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    background: #FB8541;
    background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
    background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background:
      linear-gradient(
        to right,
        #FB8541 0%,
        #f16c1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
  }
  .main-dark .f-row .dropdown-menu .profile-blk .profile-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 3rem;
    width: 3rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
  }
  .main-dark .f-row .dropdown-menu .profile-blk h5 {
    font-family: "Notosans-bold";
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
  }
  .main-dark .f-row .dropdown-menu a,
  .main-dark .f-row .dropdown-profile a {
    color: #d0d0d0;
    font-size: 1rem;
    padding: 10px 20px;
  }
  .main-dark .f-row .dropdown-menu .personal-menu {
    display: block;
    padding: 10px 0;
  }
  .main-dark .f-row .header-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
  .main-dark .f-row .search-blk {
    width: 30px;
    height: 30px;
  }
  .main-dark .f-row .search-blk input {
    border: none;
    padding: 0;
    font-size: 0;
  }
  .main-dark .f-row .notification-blk {
    margin-right: 15px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    right: 0;
  }
  .main-dark .f-row .notification-blk .notification-dropdown::before {
    right: 0;
  }
  .main-dark {
  }
  .main-dark footer .f-footer .footer-text {
    width: 33.3%;
  }
  .main-dark footer .footer-text {
    width: 33%;
  }
  .main-dark footer .footer-text .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-dark footer .footer-text .lang-select {
    margin-top: 15px;
  }
  .main-dark footer .app-links .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-dark footer .categories-ul {
    display: none;
  }
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark footer .f-footer ul:last-child {
    text-align: left;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 32.3%;
    margin: 0.5%;
  }
  .main-dark .playlist .playlist-item .play-overlay {
    width: 50%;
  }
  .main-dark .playlist .playlist-item .playlist-img {
    height: 7.75rem;
  }
  .main-dark .playlist .playlist-item .play-content {
    padding: 0 0.9375rem;
  }
  .main-dark .playlist .playlist-item .play-content p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
  }
  .main-dark {
  }
  .main-dark .list-view aside {
    width: 35%;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 45%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .slider-item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-dark .slider-item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .item .slider-content .liked {
    bottom: 15px;
  }
  .main-dark {
  }
  .main-dark .slider-item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
    width: 135px;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .video-con-right span {
    margin-bottom: 7px;
  }
  .main-dark .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .related-videos h6 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .main-dark .video-detail-page .related-videos-container .item {
    width: 24%;
    margin: 1% 0.5%;
  }
  .main-dark .video-detail-page .video-bottom {
    width: 100%;
    border-right: 0;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    width: 83%;
  }
  .main-dark {
  }
  .main-dark .profile-page .vplay-profile-menu.for-mobile {
    display: none !important;
  }
  .main-dark .profile-page .transaction {
    display: block;
    overflow: auto;
  }
  .main-dark .profile-page .transaction th,
  .main-dark .profile-page .transaction td {
    display: table-cell;
    white-space: nowrap;
  }
  .main-dark .profile-page .profile-right .change-password form,
  .main-dark .profile-page .profile-right .profile-form form {
    width: 19.375rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0 0 10px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
    width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0 -1%;
    width: auto;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    margin: 1%;
    width: 48%;
  }
  .main-dark {
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    padding: 1.25rem 0.625rem 1.25rem 1rem;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.25rem;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 30rem);
  }
  .main-dark .live-banner .player .video-cs-blk {
    top: 30px;
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 800px) {
  .main-dark body.first-user-activated {
    padding-top: 60px !important;
  }
}
@media (min-width: 767px) {
  .main-dark .slider-img {
    height: 163px !important;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .main-dark ul.footer-text.links-text::after {
    top: 190px !important;
  }
  .main-dark footer .app-links {
    display: none;
  }
}
@media only screen and (max-width: 1460px) and (min-width: 1350px) {
  .main-dark .app-banner h6 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1349px) and (min-width: 1030px) {
  .main-dark .app-banner h6 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1175px) and (min-width: 1088px) {
  .main-dark .app-banner h6 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1088px) and (min-width: 1024px) {
  .main-dark .app-banner h6 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1800px) {
  .main-dark .video-detail-page .video-player-bg {
    background-size: contain !important;
  }
  .main-dark .item {
    padding: 3px 0px !important;
    margin-right: 5px !important;
  }
  .main-dark .web_series .owl-nav {
    display: none !important;
  }
}
@media only screen and (min-width: 660px) {
  .main-dark .single-subscription {
    position: relative;
    min-height: 330px;
  }
  .main-dark .grouper {
    position: absolute;
    width: 100%;
    top: 40%;
  }
}
@media only screen and (min-width: 1700px) {
  .main-dark .liveplayer .video-detail-page {
    min-height: 800px;
  }
  .main-dark .home-banner .banner-tittle::before {
    height: 100%;
  }
  .main-dark .home-banner {
    margin-top: 0px;
  }
  .main-dark .home-banner .owl-carousel .owl-item img {
    object-fit: cover;
  }
  .main-dark .app-banner {
    padding: 3.2% 0 !important;
  }
  .main-dark .app-banner h6 {
    font-size: 60px;
    padding: 0px 250px;
  }
}
@media (min-width: 1500px) {
  .main-dark .player_next_video {
    left: 75%;
    bottom: 45px;
  }
}
@media (max-width: 1499px) and (min-width: 1100px) {
  .main-dark .player_next_video {
    bottom: 23px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1700px) {
  .main-dark .home-banner {
    margin-bottom: 14%;
  }
  .main-dark .home-banner .owl-carousel {
    position: absolute;
    top: -28px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 798px) {
  .main-dark .home-banner {
    margin-bottom: 175px !important;
  }
  .main-dark .home-banner .banner-content .banner-tittle h3 {
    font-size: 24px;
  }
  .main-dark .home-banner .owl-carousel {
    position: absolute;
    top: -20px;
  }
  .main-dark .home-banner .banner-content {
    height: 140px;
  }
  .main-dark .home-banner .owl-item img {
    height: 140px !important;
    max-height: 300px;
    object-fit: cover !important;
    opacity: 0.5;
  }
}
@media (min-width: 800px) {
  .main-dark .toast-container {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform: translate(-50%, 0%) !important;
    z-index: 1000000000 !important;
  }
}
@media (max-width: 1800px) {
  .main-dark #storys a {
    width: 130px;
    padding-bottom: 3px;
    text-align: center;
  }
}
@media (min-width: 1800px) {
  .main-dark .player_next_video {
    left: 77% !important;
  }
}
@media (max-width: 1025px) {
  .main-dark .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
    display: flex !important;
  }
  .main-dark .video-player-center {
    display: block !important;
  }
  .main-dark .video-detail-page .video-bottom {
    margin: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-dark .playlist .playlist-details {
    display: block;
  }
  .main-dark .playlist .playlist-details .playlist-img {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .contact-us-content .button {
    text-align: center !important;
  }
  .main-dark .download_pdf {
    margin: 0 15px;
  }
  .main-dark .search-blk {
    margin-right: -15px !important;
    margin-top: -5px !important;
  }
  .main-dark .video-detail-page .video-player-outer {
    max-height: initial;
    width: 100%;
  }
  .main-dark .video-detail-page .video-player-bg {
    background-size: cover;
    max-height: 200px;
  }
  .main-dark .video-detail-page .video-player {
    height: 200px !important;
  }
  .main-dark .video-detail-page .video-data-info span:nth-child(2) {
    display: inline-block !important;
  }
  .main-dark .video-detail-page .video-bottom {
    background: #0e243e;
  }
  .main-dark .video-detail-page .video_category_name {
    display: inline-block !important;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    width: 120px !important;
    font-size: 16px !important;
  }
  .main-dark .banner-slider .banner-item {
    background-position-y: 0px !important;
  }
  .main-dark .home-banner {
    padding-bottom: 10px;
  }
  .main-dark .app-banner {
    padding: 30px 10px;
    background-size: 100%;
    background-position: right;
    height: auto !important;
    border-radius: 5px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main-dark .banner-slider .banner-content .banner-tittle {
    height: 100%;
  }
  .main-dark .subscription-blk a {
    margin-bottom: 20px !important;
  }
  .main-dark .subscription-blk {
    margin-bottom: 35px !important;
  }
  .main-dark .benefit_container .sub-list {
    display: block;
  }
  .main-dark .benefit_container .sub-list li {
    width: 100%;
  }
  .main-dark .container.album-list-container {
    flex-wrap: wrap;
  }
  .main-dark .album-list-container ngx-select-dropdown {
    width: 150px !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .main-dark .album-list-container ngx-select-dropdown button span {
    font-size: 14px !important;
  }
  .main-dark .arama-kutusu {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-dark .album-list-container .arama-yazi {
    width: 90% !important;
  }
  .main-dark .mobile-alphabet {
    display: none !important;
  }
  .main-dark .search-dropdown li {
    padding: 3px 5px !important;
  }
  .main-dark .detail-image-content {
    display: block !important;
  }
  .main-dark .detail-page-body perfect-scrollbar.scroll-padding {
    max-height: 100% !important;
  }
  .main-dark .detail-page-body .song-name h5 {
    display: block !important;
  }
  .main-dark .detail-page-body .ps-content {
    overflow: hidden !important;
  }
  .main-dark .detail-content {
    width: 100% !important;
  }
  .main-dark .search-dropdown {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-top: 10px;
  }
  .main-dark .banner-slider .banner-content {
    height: 100%;
  }
  .main-dark .app-banner h6 {
    font-size: 16px !important;
    padding: 1% 5% 2% 5%;
  }
  .main-dark .app-banner {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .main-dark .watermark-logo {
    top: 55% !important;
    left: 31% !important;
  }
  .main-dark .watermark-logo2 {
    top: 55% !important;
    left: 75% !important;
  }
  .main-dark .f-row .notification-blk .notify-icon .not-count {
    position: absolute;
    top: -6px;
    right: -7px;
  }
  .main-dark .audio-page .container .card-wrapper {
    padding-top: 10px;
  }
  .main-dark a.homes svg path {
    fill: rgb(242, 110, 34) !important;
  }
  .main-dark a.mobile-home.active svg {
    border-bottom: 1px solid #ccc;
  }
  .main-dark a.mobile-home.active img {
    border-bottom: 1px solid #ccc;
  }
  .main-dark a.mobile-home.homes.active svg {
    padding-bottom: 1px;
  }
  .main-dark .ngx-dropdown-container .ngx-dropdown-button {
    padding: 5px 4px 5px 10px !important;
  }
  .main-dark .album-list-container ngx-select-dropdown button span {
    font-size: 12px !important;
  }
  .main-dark .home-banner {
    margin-top: 0px !important;
  }
  .main-dark .pay-type,
  .main-dark .pay-type h3 {
    flex-wrap: wrap !important;
  }
  .main-dark .pay-type span,
  .main-dark .pay-type h3 span {
    padding-left: 0px !important;
  }
  .main-dark .card-payment-popup .card-outer,
  .main-dark .card-payment-popup .pay_options {
    display: block;
  }
  .main-dark .card-payment-popup .preferred,
  .main-dark .card-payment-popup .others {
    width: 100%;
  }
  .main-dark .card-payment-popup .others {
    margin-left: 0px;
    margin-top: 40px;
    padding-top: 75px;
    padding-bottom: 75px;
    height: 230px;
  }
  .main-dark .card-payment-popup .others h4 {
    margin-top: -60px !important;
  }
  .main-dark .card-payment-popup .upis {
    padding-top: 16px;
    padding-bottom: 18px;
    bottom: 20px;
  }
  .main-dark .card_upi {
    display: block !important;
  }
  .main-dark .card_upi .carders,
  .main-dark .card_upi .neters {
    width: 100% !important;
  }
  .main-dark .card_upi .neters {
    margin-top: 15px;
  }
  .main-dark .changer_sub .modal-body {
    margin-top: 200px;
    margin-bottom: 25px;
  }
  .main-dark .sub_modal h4 {
    font-size: 20px !important;
  }
  .main-dark .f-footer .home_logo {
    margin-top: 0px !important;
    left: 77px;
    margin-bottom: 5px !important;
  }
  .main-dark footer .f-footer .footer-text {
    margin-bottom: 5px !important;
  }
  .main-dark .user-profile-data {
    display: grid !important;
  }
  .main-dark .user-profile-data h4 {
    margin: 0 auto;
  }
  .main-dark footer .footer-text {
    width: 100% !important;
    padding-left: 5px;
  }
  .main-dark footer .links-text::after {
    display: none;
  }
  .main-dark footer .contact-ul.con-link li {
    width: 100% !important;
  }
  .main-dark footer .app-links {
    width: 100% !important;
    padding-left: 10px;
  }
  .main-dark .banner-item {
    height: 190px !important;
    width: 100% !important;
  }
  .main-dark .slider-item.loader,
  .main-light .profile-page .profile-right .history .history-container .main-dark .loader.item,
  .main-dark .profile-page .profile-right .history .history-container .loader.item {
    width: 100% !important;
    height: auto;
  }
  .main-dark .web_series .item,
  .main-dark .web-series-card .item {
    margin-bottom: 10px;
    width: 100% !important;
  }
  .main-dark .web_series .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series .item,
  .main-dark .web_series .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series .item,
  .main-dark .web-series-card .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web-series-card .item,
  .main-dark .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web-series-card .item {
    width: 100% !important;
    height: 220px;
  }
  .main-dark .web_series .slider-img,
  .main-dark .web-series-card .slider-img {
    height: 185px !important;
  }
  .main-dark .web_series .loader,
  .main-dark .web-series-card .loader {
    height: 150px !important;
  }
  .main-dark .web_series .loader .slider-img,
  .main-dark .web-series-card .loader .slider-img {
    height: 110px !important;
  }
  .main-dark .checkout .product-details .image-description {
    padding: 25px;
  }
  .main-dark .checkout .product-details .image-description .image {
    margin-right: 15px;
  }
  .main-dark .checkout .product-details .image-description .image img {
    width: 80px;
  }
  .main-dark .checkout .product-details .views-price {
    padding: 14px 25px;
  }
  .main-dark .payment-page .payment-container .payment-head .playment-head-image {
    width: 110px;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-dark .intl-tel-input .country-list {
    max-width: 300px;
  }
  .main-dark .no-video-blk h4 {
    font-size: 16px;
    padding: 10px 0;
  }
  .main-dark .banner-slider .banner-item {
    height: 220px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 25px;
  }
  .main-dark .banner-slider .banner-content .banner-tittle p {
    font-size: 13px;
  }
  .main-dark #myModal .modal-content {
    width: 90%;
  }
  .main-dark .skeleton-loader .contus-slider .item {
    width: 100% !important;
    max-width: 100%;
  }
  .main-dark .card-payment-popup {
    margin: 25px 0;
  }
  .main-dark .card-payment-popup h3 {
    font-size: 18px;
    padding: 20px 15px;
  }
  .main-dark .card-payment-popup h3 .button {
    display: none;
  }
  .main-dark .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-dark .card-payment-popup .agree-chk .checkbox {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    top: -1px;
    position: relative;
  }
  .main-dark .card-payment-popup .agree-chk .checkbox:checked {
    height: 16px;
    width: 16px;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
    width: 50%;
    padding-right: 30px;
    margin: 0;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group label {
    display: block;
  }
  .main-dark .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
    width: 50%;
    padding: 0;
  }
  .main-dark .card-payment-popup .card-left-menu {
    width: 100%;
    border-right: 0px solid #3c3c3c;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 20px;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .card-payment-popup .card-left-menu a {
    font-size: 15px;
    padding: 10px 15px;
    overflow: hidden;
    display: block;
    text-align: center;
  }
  .main-dark .card-payment-popup .card-left-menu a:before {
    width: 0;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    transition: width 0.3s ease;
  }
  .main-dark .card-payment-popup .card-left-menu a.active:before,
  .main-dark .card-payment-popup .card-left-menu a.active:hover:before {
    width: 100%;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    display: block;
    transition: width 0.3s ease;
  }
  .main-dark .card-payment-popup .card-left-menu a:hover::before {
    display: none;
  }
  .main-dark .card-payment-popup .card-right {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 0;
    min-height: auto;
  }
  .main-dark .card-payment-popup .net-banking-blk select,
  .main-dark .card-payment-popup .net-banking-blk input,
  .main-dark .card-payment-popup .net-banking-blk label,
  .main-dark .card-payment-popup .add-card select,
  .main-dark .card-payment-popup .add-card input,
  .main-dark .card-payment-popup .add-card label {
    font-size: 14px;
  }
  .main-dark .card-payment-popup .org-btn,
  .main-light .profile-page .profile-right .change-password .main-dark .card-payment-popup .cancel-btn,
  .main-light .profile-page .profile-right .profile-form .main-dark .card-payment-popup .cancel-btn,
  .main-light .vplay-comments .main-dark .card-payment-popup .load-more,
  .main-light .video-detail-page .see-more-blk .main-dark .card-payment-popup .see-more,
  .main-dark .card-payment-popup .video-detail-page .see-more-blk .see-more,
  .main-dark .video-detail-page .see-more-blk .card-payment-popup .see-more,
  .main-dark .card-payment-popup .vplay-comments .load-more,
  .main-dark .vplay-comments .card-payment-popup .load-more,
  .main-dark .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
  .main-dark .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
  .main-dark .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
  .main-dark .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
    padding: 11px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .main-dark .back_btn {
    width: 25px;
    height: 25px;
  }
  .main-dark .back_btn svg {
    width: 15px;
    height: 15px;
  }
  .main-dark .video-cs-blk {
    left: 0;
    padding: 0 20px;
  }
  .main-dark app-player.video-player-center .movie-title,
  .main-dark .video-player-center .movie-title {
    width: 50%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
  }
  .main-dark app-player.video-player-center .movie-title h2,
  .main-dark .video-player-center .movie-title h2 {
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-dark app-player.video-player-center .movie-title h3,
  .main-dark .video-player-center .movie-title h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-dark .faq-container .faq-left,
  .main-dark .faq-container .faq-right {
    max-width: 100%;
  }
  .main-dark .pricing .subscription-blk .sub-price {
    font-size: 1.875rem;
  }
  .main-dark .pricing .subscription-blk a {
    min-width: inherit;
    display: block;
    max-width: 90%;
    margin: 0 auto;
    padding: 15px 10px;
  }
  .main-dark {
  }
  .main-dark .categories-page .categories-list li {
    width: 33.3%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .contus-slider-outer {
    padding: 11px 0 0;
  }
  .main-dark .video-detail-page .user-options {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
  .main-dark .video-detail-page .user-options a,
  .main-dark .video-detail-page .user-options .favourite,
  .main-dark .video-detail-page .user-options .playlist,
  .main-dark .video-detail-page .user-options .thumbs-up,
  .main-dark .video-detail-page .user-options .thumbs-down {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    margin-right: 0rem;
  }
  .main-dark .video-detail-page .user-options a i,
  .main-dark .video-detail-page .user-options .favourite i,
  .main-dark .video-detail-page .user-options .playlist i,
  .main-dark .video-detail-page .user-options .thumbs-up i,
  .main-dark .video-detail-page .user-options .thumbs-down i {
    height: 21px;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
  }
  .main-dark .video-detail-page .user-options a i svg,
  .main-dark .video-detail-page .user-options .favourite i svg,
  .main-dark .video-detail-page .user-options .playlist i svg,
  .main-dark .video-detail-page .user-options .thumbs-up i svg,
  .main-dark .video-detail-page .user-options .thumbs-down i svg {
    height: 21px;
  }
  .main-dark .video-detail-page .user-options .playlist-icon {
    width: 28px;
  }
  .main-dark .video-detail-page .video-player {
    height: 20rem;
  }
  .main-dark .video-detail-page .video_category_name,
  .main-dark .video-detail-page .genre_name {
    display: none;
  }
  .main-dark .video-detail-page .vplay-comments h6 span {
    display: inline;
  }
  .main-dark .video-detail-page .vplay-comments .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-dark .video-detail-page .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-dark .video-detail-page .vplay-comments .cmt-box {
    margin-left: 0.9375rem;
  }
  .main-dark .video-detail-page .video-content-blk.video-blk-loading {
    padding: 15px;
  }
  .main-dark .video-detail-page .video-content-blk.video-blk-loading .related-videos {
    margin: 0;
  }
  .main-dark .video-detail-page .vplay-comments {
    padding: 15px;
  }
  .main-dark .video-detail-page .vplay-comments .container {
    padding: 0;
  }
  .main-dark .video-detail-page .video-bottom {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0 0;
    margin: 0;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.17);
  }
  .main-dark .video-detail-page .video-bottom .mobile-category,
  .main-dark .video-detail-page .video-bottom .mobile-detail-info.video-data-info {
    display: inline-block;
  }
  .main-dark .video-detail-page .video-bottom .video-con-left {
    width: 100%;
    padding: 0 15px;
  }
  .main-dark .video-detail-page .video-bottom .play-info a {
    margin-bottom: 10px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right {
    width: 100%;
    margin-top: 0%;
    margin-left: 0;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .video-casting-info {
    padding: 0 15px 5px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right span {
    font-size: 14px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right p a {
    font-size: 12px;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .user-options {
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px 5px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .video-bottom .video-con-right .user-options a {
    width: auto;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    max-width: 48%;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 32%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 49%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 49%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 32.3%;
    margin: 0.5%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    right: -30px;
    max-width: 170px;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-dark .play-js .play-control-bar {
    height: 6rem;
    margin-bottom: 0;
  }
  .main-dark .play-error .play-error-display:before {
    display: none;
  }
  .main-dark .videos-dimensions.play-error .play-error-display .play-modal-dialog-content {
    margin: 0;
    width: 80%;
  }
  .main-dark .card-payment-popup .card-right {
    width: 100%;
  }
  .main-dark .card-payment-popup .pay-secure-btn {
    width: 100%;
    max-width: 21.5625rem;
  }
  .main-dark .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo-label {
    margin-top: 0.625rem;
  }
  .main-dark .saved-card-form .added-card-list {
    width: 92%;
  }
  .main-dark .saved-card-form .added-card-list .added-card-details {
    max-width: 100%;
  }
  .main-dark .saved-card-form .added-card-list .added-card-details .added-card {
    width: 100%;
  }
  .main-dark .vplayer-overlay {
    top: 60% !important;
  }
  .main-dark #watermark-logo {
    top: 53% !important;
  }
}
@media (max-width: 650px) {
  .main-dark .checkout .payment-methods h3 {
    margin-bottom: 10px;
  }
  .main-dark .checkout .payment-methods .radios ul {
    margin: 0 -5px;
  }
  .main-dark .checkout .payment-methods .radios ul li {
    padding: 5px;
  }
  .main-dark .checkout .payment-methods .radios .radio-box .card-image img {
    width: 30px;
    margin-right: 10px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-dark .subscription-grid {
    text-align: center;
  }
  .main-dark .pricing .subscription-blk {
    max-width: 100%;
  }
  .main-dark .small-vplay,
  .main-dark .related-videos {
    padding-top: 0;
    margin: 0 0 5px;
  }
  .main-dark .contus-slider-outer {
    padding: 11px 0;
  }
  .main-dark .video-detail-page .video-data-info a {
    display: none;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    padding-top: 40px;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-img {
    margin-bottom: 0.9375rem;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-profile-data {
    margin-left: 0;
    width: 100%;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-tittle {
    position: absolute;
    right: 15px;
    top: 14px;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-tabs-blk .video-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-dark .live-videos-page .video-tabs-blk a {
    padding: 1rem 0.875rem;
    width: 50%;
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    max-width: 300px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 120px;
    height: 120px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
    display: block;
    padding: 0 10px;
    white-space: normal;
  }
  .main-dark .live-banner .player {
    height: calc(100vh - 32rem);
  }
}
@media (max-width: 600px) {
  .main-dark footer .f-footer .footer-text,
  .main-dark footer .f-footer .app-links {
    width: 50%;
  }
  .main-dark footer .f-footer .footer-text.contact-ul,
  .main-dark footer .f-footer .app-links.contact-ul {
    margin: 0;
  }
  .main-dark footer .f-footer .footer-text .app-store,
  .main-dark footer .f-footer .app-links .app-store {
    margin-bottom: 10px;
  }
  .main-dark .my-playlist-container ul .my-playlist-list {
    max-width: 49%;
  }
}
@media (max-width: 560px) {
  .main-dark .f-row .search-blk.open {
    height: 60px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content p,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content p,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content p,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content p,
  .main-dark .small-vplay .small-slider .slider-item .slider-content .category-text,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .category-text,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .category-text,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .category-text {
    width: 80%;
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .like,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .like,
  .main-dark .small-vplay .small-slider .slider-item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content .liked,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .liked {
    width: 16px;
    height: 16px;
    top: unset;
    right: 10px;
  }
  .main-dark {
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-img,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 6.875rem;
  }
  .main-dark {
  }
  .main-dark .f-row {
    height: 60px;
  }
  .main-dark .f-row .toggle-menu .mobile-overlay.show {
    display: block;
  }
  .main-dark .f-row .dropdown-menu .personal-menu {
    padding: 10px 0;
  }
  .main-dark .f-row .logo {
    display: inline-block;
  }
  .main-dark .f-row .logo img {
    width: 100%;
  }
  .main-dark .f-row .search-blk i {
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-dark .f-row .search-blk.open i {
    top: 30px;
  }
  .main-dark .f-row .dropdown-profile.open {
    top: 42px;
  }
  .main-dark .f-row .profile-image {
    margin-right: 10px;
  }
  .main-dark .f-row .toggle-profile {
    margin-right: 0;
  }
  .main-dark .f-row .toggle-profile h4 {
    display: none;
  }
  .main-dark {
  }
  .main-dark .banner-background {
    height: 220px;
  }
  .main-dark .banner-slider .banner-content .play-icon {
    width: 3rem;
    height: 3rem;
    margin-top: 0;
    min-width: auto;
  }
  .main-dark .banner-slider .banner-content .banner-tittle h3 {
    font-size: 1.5rem;
  }
  .main-dark .banner-slider .banner-content .banner-tittle p {
    font-size: 0.8rem;
  }
  .main-dark {
  }
  .main-dark .app-banner h6 {
    font-size: 28px;
  }
  .main-dark .app-banner p {
    margin: 25px 0;
    line-height: 22px;
  }
  .main-dark .app-banner .social-apps a {
    margin-right: 10px;
    zoom: 0.8;
  }
  .main-dark .tittle-blk h5 {
    padding-right: 10px;
  }
  .main-dark {
  }
  .main-dark .list-view aside {
    width: 50%;
  }
  .main-dark {
  }
  .main-dark .categories-page .categories-list li {
    width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .genre-view .genre-list .item {
    width: 100%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .live-videos-page .video-listing .video-listing-container .item {
    width: 46%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 46%;
    margin: 2%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .related-videos-container .item {
    width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark .profile-page .profile-right .edit-profile-blk {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .profile-page .profile-right .v-user {
    text-align: center;
    margin-right: 0;
  }
  .main-dark .profile-page .profile-right .v-user .v-user-image {
    margin: auto;
  }
  .main-dark .profile-page .profile-right .user-note {
    width: 100%;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
    margin: 15px 0 0;
  }
  .main-dark .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 15px 0 0;
  }
  .main-dark .profile-page .profile-right .history .history-container .item {
    width: 48%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 48%;
    margin: 1%;
  }
  .main-dark {
  }
  .main-dark footer .footer-text {
    width: 50%;
  }
  .main-dark .login-signup-modal .modal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 55px);
  }
  .main-dark .card-payment-popup .added-card-list {
    margin: 0;
  }
  .main-dark .card-payment-popup .added-card {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 480px) {
  .main-dark .checkout .product-details .image-description {
    padding: 25px 15px;
  }
  .main-dark .checkout .product-details .views-price {
    padding: 14px 15px;
  }
  .main-dark .checkout .payment-methods .radios ul li {
    width: 50%;
  }
  .main-dark .contact-us .contact-us-content .left-side .one-set {
    width: 100%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 99%;
  }
  .main-dark .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 210px;
    right: 0;
  }
  .main-dark .small-vplay .small-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .small-vplay .small-slider .item .slider-content,
  .main-dark .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content,
  .main-dark .lanscape-vplay .lanscape-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .lanscape-vplay .lanscape-slider .item .slider-content,
  .main-dark .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-content {
    padding: 10px;
  }
  .main-dark .new-vplay .portrait-slider .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .main-dark .new-vplay .portrait-slider .item .slider-content,
  .main-dark .new-vplay .portrait-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .new-vplay .portrait-slider .item .slider-content {
    padding: 10px 35px 10px 10px;
  }
  .main-dark {
  }
  .main-dark footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-dark footer .f-footer .footer-text {
    width: 100%;
    margin-left: 5% !important;
    margin-bottom: 20px;
  }
  .main-dark footer .f-footer .footer-text.contact-ul {
    margin-bottom: 20px;
  }
  .main-dark {
  }
  .main-dark .playlist .playlist-item {
    width: 48%;
    margin: 1%;
  }
  .main-dark .list-view aside {
    width: 75%;
  }
  .main-dark .list-view .genre-view .genre-list .item {
    width: 100%;
  }
  .main-dark {
  }
  .main-dark .video-detail-page .play-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-dark .video-detail-page .play-info a {
    margin-bottom: 10px;
  }
  .main-dark .video-detail-page .play-info .get-premium-btn {
    padding: 7px;
    text-transform: uppercase;
    background: #f16c1f;
    color: #fff;
    border-radius: 3px;
    width: auto;
    font-size: 12px;
    text-align: center;
  }
  .main-dark .video-detail-page .video-data-info {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-dark .video-detail-page .video-data-info span {
    margin-right: 20px;
  }
  .main-dark .video-detail-page .video-data-info span:nth-child(2) {
    display: none;
  }
  .main-dark {
  }
  .main-dark .f-row .notification-blk .notification-dropdown {
    width: 23rem;
    right: -75px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown:before {
    right: 70px;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    padding: 1.25rem 1.25rem;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-dark .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.admin_msg:before {
    left: 1%;
  }
  .main-dark .my-account-page .account-container .account-grid {
    margin: 0 0 15px;
  }
  .main-dark .my-account-page .account-container .account-grid .account-list {
    max-width: 100%;
  }
  .main-dark .profile-page .profile-right .saved-card-page .add-new-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .profile-page .profile-right .saved-card-page .added-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-dark .login-signup-modal .form-control input {
    height: 3em;
  }
  .main-dark .f-row .lang-toggle .lang-select .lang-down-arrow {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 390px) {
  .main-dark .payment-page {
    padding: 30px 0;
  }
  .main-dark .payment-page .payment-container .payment-head {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
  }
  .main-dark .payment-page .payment-container .payment-head .playment-head-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: auto;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-dark .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-dark .payment-page .payment-container .payment-body {
    margin-bottom: 0;
  }
  .main-dark .payment-page .payment-container .payment-body ul {
    display: block;
  }
  .main-dark .payment-page .payment-container .payment-body li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-dark .payment-page .payment-container .payment-body li label {
    width: 50%;
  }
  .main-dark {
  }
  .main-dark footer .f-footer ul {
    width: 100%;
  }
  .main-dark .slider-item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .main-dark .item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .item .video-option-list {
    right: -20px;
  }
  .main-dark .f-row {
    padding: 0 10px;
  }
}
.main-dark {
}
@media only screen and (min-width: 320px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main-dark .live-banner .player {
    height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 1310px) and (min-width: 1190px) {
  .main-dark .contact-ul {
    width: 20%;
  }
}
@media screen and (max-width: 1190px) and (min-width: 768px) {
  .main-dark .contact-links,
  .main-dark .app-links {
    width: 100% !important;
  }
  .main-dark ul.footer-text.links-text::after {
    top: 145px;
  }
  .main-dark .links-text {
    width: 30% !important;
  }
  .main-dark footer .s-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1370px) and (min-width: 1100px) {
  .main-dark .playlist-all .item,
  .main-dark .admin-playlist-slider .item,
  .main-dark .grids .item,
  .main-dark .search-gener .item,
  .main-dark .web_series #webseries .item,
  .main-dark .web_series_detail .web-series-card .item {
    width: 24% !important;
  }
  .main-dark .playlist-all .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .playlist-all .item,
  .main-dark .playlist-all .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .playlist-all .item,
  .main-dark .admin-playlist-slider .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .admin-playlist-slider .item,
  .main-dark .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .admin-playlist-slider .item,
  .main-dark .grids .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .grids .item,
  .main-dark .grids .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .grids .item,
  .main-dark .search-gener .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .search-gener .item,
  .main-dark .search-gener .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .search-gener .item,
  .main-dark .web_series #webseries .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series #webseries .item,
  .main-dark .web_series #webseries .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series #webseries .item,
  .main-dark .web_series_detail .web-series-card .slider-item,
  .main-light .profile-page .profile-right .history .history-container .main-dark .web_series_detail .web-series-card .item,
  .main-dark .web_series_detail .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-dark .profile-page .profile-right .history .history-container .web_series_detail .web-series-card .item {
    width: 100% !important;
    height: auto !important;
  }
  .main-dark .playlist-all .slider-img,
  .main-dark .admin-playlist-slider .slider-img,
  .main-dark .grids .slider-img,
  .main-dark .search-gener .slider-img,
  .main-dark .web_series #webseries .slider-img,
  .main-dark .web_series_detail .web-series-card .slider-img {
    height: auto !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-dark .watermark-logo {
    left: 40% !important;
  }
  .main-dark .watermark-logo2 {
    left: 64% !important;
  }
  .main-dark .vplayer-overlay {
    top: 70% !important;
  }
}
.main-dark {
}
.main-dark .share-popup.share-modern {
  max-width: 480px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
.main-dark .share-popup.share-modern .share-tittle {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.main-dark .share-popup.share-modern .share-tittle h4 {
  font-size: 18px;
  text-transform: capitalize;
  color: #0f0f0f;
  font-weight: 600;
}
.main-dark .share-popup.share-modern .share-content {
  padding: 16px 20px 4px;
}
.main-dark .share-popup.share-modern .share-content .share-movie {
  display: flex;
  align-items: center;
}
.main-dark .share-popup.share-modern .share-content .share-movie span {
  width: auto;
  flex: 1;
  font-size: 15px;
  line-height: 1.35;
  color: #0f0f0f;
  max-height: 41px;
  overflow: hidden;
}
.main-dark .share-popup.share-modern .share-content .share-movie-img {
  width: 120px !important;
  height: 68px !important;
  object-fit: cover;
  margin-right: 14px;
  flex: 0 0 auto;
  background: #eee;
}
.main-dark .share-popup.share-modern {
}
.main-dark .share-popup.share-modern .share-options {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 14px 20px 6px;
  -webkit-overflow-scrolling: touch;
}
.main-dark .share-popup.share-modern .share-options::-webkit-scrollbar {
  height: 4px;
}
.main-dark .share-popup.share-modern .share-options::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 4px;
}
.main-dark .share-popup.share-modern .share-opt {
  flex: 0 0 auto;
  width: 68px;
  padding: 0;
  margin-right: 6px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
}
.main-dark .share-popup.share-modern .share-opt:last-child {
  margin-right: 0;
}
.main-dark .share-popup.share-modern .share-opt:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-opt:hover .share-opt-icon {
  transform: scale(1.07);
}
.main-dark .share-popup.share-modern .share-opt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 6px;
  border-radius: 50%;
  color: #fff;
  background: #606060;
  transition: transform ease 0.2s;
}
.main-dark .share-popup.share-modern .share-opt-icon svg {
  width: 24px;
  height: 24px;
}
.main-dark .share-popup.share-modern .share-opt-icon.whatsapp {
  background: #25d366;
}
.main-dark .share-popup.share-modern .share-opt-icon.facebook {
  background: #1877f2;
}
.main-dark .share-popup.share-modern .share-opt-icon.twitter {
  background: #000;
}
.main-dark .share-popup.share-modern .share-opt-icon.telegram {
  background: #229ed9;
}
.main-dark .share-popup.share-modern .share-opt-icon.email {
  background: #ea4335;
}
.main-dark .share-popup.share-modern .share-opt-icon.copy {
  background: #5f6368;
}
.main-dark .share-popup.share-modern .share-opt-icon.more {
  background: #3f3f3f;
}
.main-dark .share-popup.share-modern .share-opt-label {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #606060;
  word-break: break-word;
}
.main-dark .share-popup.share-modern {
}
.main-dark .share-popup.share-modern .share-link-row {
  display: flex;
  align-items: center;
  margin: 8px 20px 18px;
  padding: 4px 4px 4px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  background: #f7f7f7;
}
.main-dark .share-popup.share-modern .share-link-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 8px 8px 8px 0;
  font-size: 14px;
  color: #0f0f0f;
  text-overflow: ellipsis;
}
.main-dark .share-popup.share-modern .share-link-input:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-copy-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 20px;
  padding: 9px 18px;
  background: #065fd4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background ease 0.2s;
}
.main-dark .share-popup.share-modern .share-copy-btn:focus {
  outline: none;
}
.main-dark .share-popup.share-modern .share-copy-btn:hover {
  background: #0552b5;
}
.main-dark .share-popup.share-modern .share-copy-btn.copied {
  background: #0f9d58;
}
@media only screen and (max-width: 767px) {
  .main-dark .share-popup.share-modern {
    max-width: 94%;
    border-radius: 12px;
  }
  .main-dark .share-popup.share-modern .share-tittle {
    padding: 14px 16px;
  }
  .main-dark .share-popup.share-modern .share-content {
    padding: 14px 16px 2px;
  }
  .main-dark .share-popup.share-modern .share-content .share-movie-img {
    width: 96px !important;
    height: 56px !important;
    margin-right: 12px;
  }
  .main-dark .share-popup.share-modern .share-content .share-movie span {
    font-size: 14px;
  }
  .main-dark .share-popup.share-modern .share-options {
    padding: 12px 16px 6px;
  }
  .main-dark .share-popup.share-modern .share-opt {
    width: 62px;
  }
  .main-dark .share-popup.share-modern .share-opt-icon {
    width: 44px;
    height: 44px;
  }
  .main-dark .share-popup.share-modern .share-opt-icon svg {
    width: 22px;
    height: 22px;
  }
  .main-dark .share-popup.share-modern .share-opt-label {
    font-size: 11px;
  }
  .main-dark .share-popup.share-modern .share-link-row {
    margin: 8px 16px 16px;
    padding-left: 12px;
  }
  .main-dark .share-popup.share-modern .share-copy-btn {
    padding: 8px 14px;
  }
}
.main-dark .tittle-blk .publish-date-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 14px;
  border: 1px solid rgba(251, 133, 65, 0.6);
  border-radius: 20px;
  font-size: 14px !important;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.main-dark .tittle-blk .publish-date-toggle svg {
  flex: 0 0 auto;
}
.main-dark .tittle-blk .publish-date-toggle:hover,
.main-dark .tittle-blk .publish-date-toggle.active {
  background: rgb(251, 133, 65);
  color: #fff !important;
}
@media (max-width: 767px) {
  .main-dark .tittle-blk .publish-date-toggle {
    padding: 6px 10px;
  }
  .main-dark .tittle-blk .publish-date-toggle span {
    display: none;
  }
}
.main-dark .delete-account-page,
.main-dark .da-request {
  color: #cacaca;
}
.main-dark .delete-account-page h1,
.main-dark .delete-account-page h2,
.main-dark .delete-account-page h3,
.main-dark .delete-account-page strong,
.main-dark .da-request h1,
.main-dark .da-request h2,
.main-dark .da-request h3,
.main-dark .da-request strong {
  color: #fff;
}
.main-dark {
  background: #091c34;
}
.main-dark.home-page .min-content {
  margin-top: 1.875rem;
}
.main-light .edit-data svg {
  fill: #606060;
}
.main-light img.dark-theme-icon {
  display: none;
}
.main-light {
}
.main-light .button-gradient,
.main-light .payment-page .payment-container .payment-btns a:hover,
.main-light .card-payment-popup .pay-secure-btn,
.main-light .card-payment-popup .back-btn,
.main-light .pricing .single-subscription .subscribe:hover,
.main-light .profile-page .profile-right .profile-dashboard label span,
.main-light .vplay-comments .cmt-submit,
.main-light .video-detail-page .play-info .play-btn,
.main-light .contact-us .contact-us-content .left-side .button .submit,
.main-light .reset-password form .reset-btn,
.main-light .login-signup-modal .signin.active,
.main-light .f-row .notification-blk .notification-dropdown .clear-all,
.main-light .back_btn,
.main-light .crop-popup h5,
.main-light .create-playlist-popup .create-new-playlist button,
.main-light .org-btn,
.main-light .profile-page .profile-right .change-password .cancel-btn,
.main-light .profile-page .profile-right .profile-form .cancel-btn,
.main-light .vplay-comments .load-more,
.main-light .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .main-light .see-more,
.main-dark .vplay-comments .main-light .load-more,
.main-dark .profile-page .profile-right .change-password .main-light .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .main-light .cancel-btn,
.main-dark .create-playlist-popup .create-new-playlist .main-light button,
.main-dark .crop-popup .main-light h5,
.main-dark .f-row .notification-blk .notification-dropdown .main-light .clear-all,
.main-dark .login-signup-modal .main-light .signin.active,
.main-dark .reset-password form .main-light .reset-btn,
.main-dark .contact-us .contact-us-content .left-side .button .main-light .submit,
.main-dark .video-detail-page .play-info .main-light .play-btn,
.main-dark .vplay-comments .main-light .cmt-submit,
.main-dark .profile-page .profile-right .profile-dashboard label .main-light span,
.main-dark .pricing .single-subscription .main-light .subscribe:hover,
.main-dark .card-payment-popup .main-light .back-btn,
.main-dark .card-payment-popup .main-light .pay-secure-btn,
.main-dark .payment-page .payment-container .payment-btns .main-light a:hover {
  color: #fff;
  background: #FB8541;
  background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
  background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
  background:
    linear-gradient(
      to right,
      #FB8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-light {
}
.main-light html {
  font-size: 16px;
  -webkit-text-size-adjust: auto;
  -ms-text-size-adjust: 16px;
}
.main-light {
}
.main-light .wave {
  position: relative;
  overflow: hidden;
}
.main-light .wave:hover,
.main-light .wave:focus {
  color: #fff;
}
.main-light .wave:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.main-light .wave:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.main-light .org-btn,
.main-light .profile-page .profile-right .change-password .cancel-btn,
.main-light .profile-page .profile-right .profile-form .cancel-btn,
.main-light .vplay-comments .load-more,
.main-light .video-detail-page .see-more-blk .see-more,
.main-dark .video-detail-page .see-more-blk .main-light .see-more,
.main-dark .vplay-comments .main-light .load-more,
.main-dark .profile-page .profile-right .change-password .main-light .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .main-light .cancel-btn {
  display: inline-block;
  text-align: center;
  border: 0;
  font-size: 1.0625rem;
  font-family: "Notosans-medium";
  letter-spacing: 1px;
  padding: 0.9375rem 1.25rem;
  border-radius: 0.25rem;
  width: 16.25rem;
  cursor: pointer;
}
.main-light {
}
.main-light .playlist-item {
  border-radius: 0.1875rem;
  overflow: hidden;
  box-shadow: 1px 1px 15px 0 #c3c3c3;
}
.main-light .playlist-item .playlist-img {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 10.75rem;
  position: relative;
}
.main-light .playlist-item .play-overlay {
  position: absolute;
  width: 40%;
  height: 100%;
  right: 0;
  background: rgba(4, 3, 3, 0.61);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-right-radius: 3px;
}
.main-light .playlist-item .play-overlay .count-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-light .playlist-item .play-overlay .count-playlist svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
.main-light .playlist-item .play-overlay .count-playlist-num {
  color: #fff;
  font-size: 1.0625rem;
  font-family: "Notosans";
  margin-right: 8px;
  padding-bottom: 5px;
}
.main-light .playlist-item .play-content {
  background: #fff;
  width: 100%;
  padding: 0 1.5625rem 0 0.9375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 3.4375rem;
}
.main-light .playlist-item .play-content .add-playlist {
  display: inline-block;
  height: 1.5625rem;
  cursor: pointer;
}
.main-light .playlist-item .play-content .add-playlist svg {
  transform: scale(0.5);
  transition: all ease 0.4s;
}
.main-light .playlist-item .play-content .add-playlist .add {
  width: 25px;
  height: 25px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-light .playlist-item .play-content .add-playlist .added {
  height: 28px;
  width: 30px;
  transform: scale(1);
  transition: all ease 0.4s;
}
.main-light {
}
.main-light .slider-item,
.main-light .profile-page .profile-right .history .history-container .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .item {
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 1px 5px 0 rgba(152, 152, 152, 0.45);
  cursor: pointer;
  background: #fff;
}
.main-light .slider-item.zindex,
.main-light .profile-page .profile-right .history .history-container .zindex.item,
.main-dark .profile-page .profile-right .history .history-container .main-light .zindex.item {
  z-index: 2;
}
.main-light .slider-item:hover .like-box,
.main-light .profile-page .profile-right .history .history-container .item:hover .like-box,
.main-dark .profile-page .profile-right .history .history-container .main-light .item:hover .like-box {
  transform: scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all ease 0.4s;
}
.main-light .slider-item.cardOverlay .slider-img:before,
.main-light .profile-page .profile-right .history .history-container .cardOverlay.item .slider-img:before,
.main-dark .profile-page .profile-right .history .history-container .main-light .cardOverlay.item .slider-img:before {
  content: "";
  background: #14253d;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.main-light .slider-item.cardOverlay .play-video,
.main-light .profile-page .profile-right .history .history-container .cardOverlay.item .play-video,
.main-dark .profile-page .profile-right .history .history-container .main-light .cardOverlay.item .play-video {
  background: url("./media/live-streaming-CHHBQRKA.svg") no-repeat;
  visibility: visible;
  opacity: 1;
  width: 5.3125rem;
  height: 3.125rem;
  background-size: 4.6875rem 3.125rem;
}
.main-light .slider-item.cardOverlay .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .cardOverlay.item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .main-light .cardOverlay.item .slider-content .live-icon {
  display: none;
}
.main-light .slider-item .play-video,
.main-light .profile-page .profile-right .history .history-container .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .play-video {
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0;
  visibility: hidden;
  transition: ease all 0.3s;
}
.main-light .slider-item .like-box,
.main-light .profile-page .profile-right .history .history-container .item .like-box,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .like-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.49);
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
}
.main-light .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .item .like,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .like,
.main-light .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .item .liked,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .liked {
  background-repeat: no-repeat;
  background-size: contain;
  width: 17px !important;
  height: 17px;
  display: inline-block;
}
.main-light .slider-item .like,
.main-light .profile-page .profile-right .history .history-container .item .like,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .like {
  background-image: url("./media/white-like-6F2AHPH6.svg");
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.main-light .slider-item .liked,
.main-light .profile-page .profile-right .history .history-container .item .liked,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-light .slider-item .slider-img,
.main-light .profile-page .profile-right .history .history-container .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  overflow: visible;
  min-height: 8.4375rem;
  display: block;
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.main-light .slider-item .slider-img.as-bg,
.main-light .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-img.as-bg {
  height: 13.4375rem;
}
.main-light .slider-item img,
.main-light .profile-page .profile-right .history .history-container .item img,
.main-dark .profile-page .profile-right .history .history-container .main-light .item img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-light .slider-item .premium-tag,
.main-light .profile-page .profile-right .history .history-container .item .premium-tag,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .premium-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-light .slider-item .free-tag,
.main-light .profile-page .profile-right .history .history-container .item .free-tag,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .free-tag {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 11px;
  border-radius: 0px;
  padding: 1px 6px;
  vertical-align: middle;
  background: #288e81;
  font-family: "Notosans-bold";
}
.main-light .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content {
  position: relative;
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 80px;
}
@media (max-width: 800px) {
  .main-light .slider-item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content {
    height: 65px;
  }
}
.main-light .slider-item .slider-content p,
.main-light .profile-page .profile-right .history .history-container .item .slider-content p,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content p {
  font-family: "Notosans-medium";
  color: #2d2d2d;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  text-align: left;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.main-light .slider-item .slider-content .category-text,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .category-text,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .category-text {
  color: rgba(34, 34, 34, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-light .slider-item .slider-content .live-concert,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .live-concert,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .live-concert {
  font-family: "Notosans";
  font-size: 0.875rem;
}
.main-light .slider-item .slider-content .time,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .time,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .time {
  color: rgba(34, 34, 34, 0.5);
  font-size: 0.875rem;
  font-family: "Notosans";
  white-space: nowrap;
}
.main-light .slider-item .slider-content .live-icon,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .live-icon,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .live-icon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
}
.main-light .slider-item .slider-content .live-icon svg,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .live-icon svg,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .live-icon svg {
  width: 100%;
  height: 100%;
}
.main-light .slider-item .slider-content .video-options,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .video-options,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .video-options {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-light .slider-item .slider-content .video-options svg,
.main-light .profile-page .profile-right .history .history-container .item .slider-content .video-options svg,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .video-options svg {
  width: 1.0625rem;
  height: 1.0625rem;
  display: block;
}
.main-light .video-option-list {
  position: absolute;
  right: 0.625rem;
  bottom: 100%;
  width: 9.375rem;
  border-radius: 2px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4);
  transform-origin: bottom right;
  box-shadow: 0px 3px 6px 0 rgba(152, 152, 152, 0.75);
  transition: all ease 0.4s;
  z-index: 2;
}
.main-light .video-option-list.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform-origin: bottom right;
  transition: all ease 0.3s;
}
.main-light .video-option-list ul {
  padding: 5px 0;
  background: #fff;
}
.main-light .video-option-list li {
  padding: 0.25rem 0.9375rem;
  cursor: pointer;
}
.main-light .video-option-list li a {
  color: #4c4b4b;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .video-option-list li a i {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.main-light .video-option-list li a .share-icon {
  background-image: url("./media/share-SJB2O7GV.svg");
  width: 15px;
  height: 15px;
}
.main-light .video-option-list li a .playlist-icon {
  background-image: url("./media/add-playlist-RXBEJN7L.svg");
  width: 18px;
  height: 18px;
}
.main-light .video-option-list li:hover {
  background: #f3f3f3;
}
.main-light .video-option-list li:hover {
  background: #f3f3f3;
}
.main-light .modal-open {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main-light .share-popup {
  position: fixed;
  max-width: 26.25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.625rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-light .share-popup.close {
  display: none;
}
.main-light .share-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-light .share-popup .share-tittle {
  position: relative;
  padding: 1rem 0.625rem 1rem 2.5rem;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .share-popup .share-tittle .close {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.main-light .share-popup h4 {
  color: #5b5b5b;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.main-light .share-popup .share-content {
  padding: 1.25rem 2.5rem;
}
.main-light .share-popup .share-content .share-movie {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .share-popup .share-content .share-movie span {
  color: #2d2d2d;
  font-size: 1.1875rem;
  font-family: "Notosans";
  display: inline-block;
  width: 66%;
  word-break: break-word;
  white-space: normal;
}
.main-light .share-popup .share-content .share-embed textarea {
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  resize: none;
  border: none;
  border-bottom: 1px solid #262626;
}
.main-light .share-popup .share-content .share-embed textarea:focus {
  outline: none;
  border-bottom: 1px solid #27caf0;
}
.main-light .share-popup .share-content .share-embed textarea:disabled {
  background: #fff;
}
.main-light .share-popup .share-content .share-embed .org-btn,
.main-light .share-popup .share-content .share-embed .profile-page .profile-right .change-password .cancel-btn,
.main-light .profile-page .profile-right .change-password .share-popup .share-content .share-embed .cancel-btn,
.main-light .share-popup .share-content .share-embed .profile-page .profile-right .profile-form .cancel-btn,
.main-light .profile-page .profile-right .profile-form .share-popup .share-content .share-embed .cancel-btn,
.main-light .share-popup .share-content .share-embed .vplay-comments .load-more,
.main-light .vplay-comments .share-popup .share-content .share-embed .load-more,
.main-light .share-popup .share-content .share-embed .video-detail-page .see-more-blk .see-more,
.main-light .video-detail-page .see-more-blk .share-popup .share-content .share-embed .see-more,
.main-dark .video-detail-page .see-more-blk .main-light .share-popup .share-content .share-embed .see-more,
.main-dark .vplay-comments .main-light .share-popup .share-content .share-embed .load-more,
.main-dark .profile-page .profile-right .change-password .main-light .share-popup .share-content .share-embed .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .main-light .share-popup .share-content .share-embed .cancel-btn {
  width: 100px;
  padding: 8px;
  font-size: 13px;
}
.main-light .share-popup .share-content .share-embed .se-cancel {
  background: #c1c1c1;
  margin-right: 10px;
}
.main-light .share-popup .share-content .share-movie-img {
  background-repeat: no-repeat;
  background-position: unset;
  background-size: 100%;
  display: inline-block;
  width: 219px !important;
  height: 94px !important;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 1.125rem;
}
.main-light .share-popup .share-footer {
  padding: 0.75rem 2.5rem;
  border-top: 1px solid #ccc;
}
.main-light .share-popup .share-footer span {
  color: #5b5b5b;
  margin-right: 0.9375rem;
}
.main-light .share-popup .share-footer a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.main-light .share-popup .share-footer a.fb {
  background-image: url("./media/S-fb-AY36X6SY.svg");
}
.main-light .share-popup .share-footer a.tw {
  background-image: url("./media/S-tw-QZJ3PXAD.svg");
}
.main-light .share-popup .share-footer a.gp {
  background-image: url("./media/S-gp-Z7IIMXKS.svg");
}
.main-light .share-popup .share-footer a.link {
  background-image: url("./media/link-3QIUFFLW.svg");
  width: 40px;
  height: 40px;
}
.main-light .share-popup .share-footer a.embed {
  background-image: url("./media/embed-XTYOYJ7F.svg");
  width: 35px;
  height: 35px;
}
.main-light .share-popup .share-footer a:last-child {
  margin-right: 0;
}
.main-light .create-playlist-popup {
  position: fixed;
  max-width: 25rem;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.4375rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-light .create-playlist-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-light .create-playlist-popup .close-playlist {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-light .create-playlist-popup .close-playlist svg {
  width: 11px;
  height: 11px;
}
.main-light .create-playlist-popup .close-playlist svg path {
  fill: #000;
}
.main-light .create-playlist-popup .create-new-playlist {
  padding: 1.5625rem 0.625rem;
  text-align: center;
  position: relative;
}
.main-light .create-playlist-popup .create-new-playlist button {
  padding: 0rem 1.5625rem;
  border: 0;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  line-height: 2.375rem;
  -webkit-border-radius: 2.375rem;
  -moz-border-radius: 2.375rem;
  -ms-border-radius: 2.375rem;
  border-radius: 2.375rem;
}
.main-light .create-playlist-popup .create-new-playlist span {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  color: #afafaf;
  font-family: "Notosans";
  font-size: 0.9375rem;
  background: #fff;
  width: max-content;
  margin: auto;
  padding: 0 0.625rem;
}
.main-light .create-playlist-popup .create-playlist-content {
  padding-top: 10px;
}
.main-light .create-playlist-popup .create-playlist-list {
  padding: 1.25rem 1.875rem 0.9375rem;
  max-height: 240px;
  overflow: auto;
}
.main-light .create-playlist-popup label {
  color: #393939;
  font-size: 1rem;
  font-family: "Notosans";
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.625rem;
  cursor: pointer;
}
.main-light .create-playlist-popup label span {
  flex: 1;
  width: 50%;
}
.main-light .create-playlist-popup label:hover {
  background: #f3f3f3;
}
.main-light .create-playlist-popup label .checkbox {
  height: 15px;
  width: 15px;
  border-radius: 2px;
  border: 1px solid #919292;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-light .create-playlist-popup label .checkbox:checked {
  background-color: #f16c1f;
  height: 15px;
  width: 15px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-light .create-playlist-name-popup {
  position: fixed;
  max-width: 15.3125rem;
  width: 100%;
  margin: 0 auto;
  padding: 0.9375rem;
  left: 0;
  right: 0;
  top: 30%;
  background: #fff;
  border-radius: 0.1875rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.main-light .create-playlist-name-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-light .create-playlist-name-popup .common-error {
  margin-bottom: 0.625rem;
}
.main-light .create-playlist-name-popup .input-group {
  position: relative;
}
.main-light .create-playlist-name-popup .input-group input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #ccc;
  padding: 5px 0;
  font-family: "Notosans";
  color: #000;
}
.main-light .create-playlist-name-popup .input-group input:-webkit-autofill,
.main-light .create-playlist-name-popup .input-group input:-webkit-autofill:hover,
.main-light .create-playlist-name-popup .input-group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light .create-playlist-name-popup .input-group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light .create-playlist-name-popup .input-group select:-webkit-autofill,
.main-light .create-playlist-name-popup .input-group select:-webkit-autofill:hover,
.main-light .create-playlist-name-popup .input-group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-light .create-playlist-name-popup .input-group .form-text.error {
  color: #e03b3b;
  font-size: 0.75rem;
}
.main-light .create-playlist-name-popup .create-playlist-btns {
  text-align: right;
  padding: 0.9375rem 0 0 0;
}
.main-light .create-playlist-name-popup .create-playlist-btns button {
  background: transparent;
  font-family: "Notosans-medium";
  border: 0;
  color: #4f4f4f;
  cursor: pointer;
}
.main-light .create-playlist-name-popup .create-playlist-btns .cancel {
  margin-right: 1.25rem;
}
.main-light .crop-popup {
  position: fixed;
  max-width: 25rem;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20%;
  background: #fff;
  z-index: 9;
  border-radius: 0.1875rem;
  padding-bottom: 1.875rem;
  text-align: center;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  transition: all ease 0.5s;
}
.main-light .crop-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-light .crop-popup h5 {
  padding: 0.9375rem 1.375rem;
  text-align: left;
}
.main-light .crop-popup h5 svg {
  vertical-align: middle;
}
.main-light .crop-popup .cancel {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.main-light .crop-popup .crop-image {
  max-height: 21.875rem;
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 1.25rem;
  padding-bottom: 0;
  overflow: auto;
  position: relative;
}
.main-light .crop-popup .crop-image img {
  position: relative !important;
  z-index: 999;
}
.main-light .crop-popup .crop-image .cropper {
  z-index: 999;
}
.main-light .crop-popup .crop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  right: 1.875rem;
  bottom: 0.625rem;
  z-index: 1000;
  background: #48d04d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(49, 48, 48, 0.5);
  cursor: pointer;
}
.main-light .crop-popup .crop svg {
  vertical-align: middle;
}
.main-light .load-more-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  margin: 1.25rem 0;
}
.main-light .load-more-blk .loading {
  display: block;
}
.main-light .load-more-blk .loading svg {
  width: 45px;
  height: 45px;
}
.main-light .flowplayer .fp-message.fp-shown {
  background: rgba(0, 0, 0, 0.57) url("./media/novideo-gif-ZPIFFU7M.gif");
  background-blend-mode: color-dodge;
  height: 100%;
  text-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 3;
  padding: 0;
}
.main-light .fp-play-rounded-fill {
  display: none !important;
}
.main-light .fp-play.fp-visible .fp-icon.fp-playbtn {
  display: inline-block;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat !important;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-light .fp-play.fp-visible .fp-icon.fp-playbtn:before {
  display: none;
}
.main-light .fp-play.fp-visible .fp-icon.fp-playbtn svg {
  display: none;
}
.main-light .play-js.play-fullscreen {
  position: relative;
  z-index: 0 !important;
}
.main-light .common-error {
  display: inline-block;
  padding: 0.625rem 1.25rem;
  background:
    linear-gradient(
      60deg,
      #d22824,
      #da3a36);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  padding-right: 23px;
  white-space: normal;
}
.main-light .common-error.success {
  color: #fff;
  background:
    linear-gradient(
      60deg,
      #288c6c,
      #4ea752);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.main-light .common-error.block {
  display: block;
}
.main-light .common-error.none {
  display: none;
}
.main-light .common-error .close {
  color: #fff;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 8px;
  font-size: 11px !important;
  height: 13px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.main-light #toast-container .toast-message {
  font-size: 1rem;
  font-family: "Notosans" !important;
}
.main-light .banner-background {
  height: 17.5rem;
  display: block;
  position: relative;
  overflow: hidden;
  background: #14253d;
}
.main-light .skeleton-loader h5 {
  width: 175px;
  height: 25px;
  display: inline-block;
  background: #ededed;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.main-light .skeleton-loader h5.shimmer:before {
  width: 20px;
  height: 50px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-light .skeleton-loader .shimmer.slider-content {
  background: #14253d;
  overflow: hidden;
}
.main-light .skeleton-loader .shimmer.slider-content:before {
  width: 10px;
  height: 85px;
  top: -10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.main-light .skeleton-loader p {
  background: #fff;
  width: 100%;
  height: 15px;
  border-radius: 2px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.main-light .skeleton-loader span {
  background: #fff;
  max-width: 60%;
  height: 15px;
  display: inline-block;
  border-radius: 2px;
  position: relative;
  z-index: 2;
}
.main-light .skeleton-loader .contus-slider {
  display: inline-block;
}
.main-light .skeleton-loader .contus-slider .item {
  width: 20%;
  margin: 0 0 20px 0;
  padding: 0 5px;
}
@media (max-width: 1000px) {
  .main-light .skeleton-loader .contus-slider .item {
    max-width: 33.33%;
  }
}
@media (max-width: 1000px) {
  .main-light .skeleton-loader .contus-slider .item {
    max-width: 50%;
  }
}
.main-light .shimmer:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 120px;
  height: 600px;
  opacity: 0.6;
  box-shadow: 0 0 20px 20px #dfdfdf;
  display: inline-block;
  perspective: 150px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  animation: shimmer ease;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes shimmer {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.main-light svg.success {
  width: 40px;
  display: block;
  margin: 0 auto;
  padding: 5px;
}
.main-light .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.main-light .path.circle {
  -webkit-animation: dash 2s ease-in-out infinite forwards;
  animation: dash 2s ease-in-out infinite forwards;
}
.main-light .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.main-light .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1s 0.35s ease-in forwards;
  animation: dash-check 1s 0.35s ease-in forwards;
  animation-delay: 1s;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.main-light .getting-data-loader .bar {
  width: 60px;
  height: 20px;
}
.main-light .getting-data-loader .bar {
  position: absolute;
  display: flex;
  align-items: center;
}
.main-light .getting-data-loader .bar::before,
.main-light .getting-data-loader .bar::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  background: #b9e0ff;
  clip-path: polygon(50% 19%, 0 76%, 100% 76%);
  opacity: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  animation: slideright 2s ease-in-out infinite;
}
.main-light .getting-data-loader .bar1::before {
  animation-delay: 0s;
  transform: rotate(15deg);
}
.main-light .getting-data-loader .bar1::after {
  animation-delay: 0.2s;
  transform: rotate(35deg);
}
.main-light .getting-data-loader .bar2::before {
  animation-delay: 0.4s;
  transform: rotate(55deg);
}
.main-light .getting-data-loader .bar2::after {
  animation-delay: 0.6s;
  transform: rotate(75deg);
}
.main-light .getting-data-loader .bar3::before {
  animation-delay: 0.8s;
  transform: rotate(95deg);
}
.main-light .getting-data-loader .bar3::after {
  animation-delay: 1s;
  transform: rotate(115deg);
}
@-webkit-keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
@keyframes slideright {
  10% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: inherit scale(1);
    transform: inherit scale(1);
  }
  90% {
    opacity: 0;
    -webkit-transform: inherit scale(0);
    transform: inherit scale(0);
    left: 100%;
  }
}
.main-light .no-video-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 26.25rem;
}
.main-light .no-video-blk h4 {
  font-size: 1.5625rem;
  font-family: "Notosans";
  color: #a9a8a8;
  padding: 1.875rem 0;
  text-align: center;
}
.main-light .mobile-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease;
}
.main-light .online-toast {
  color: #fff;
  background: #5f5c5c;
  width: 300px;
  text-align: center;
  padding: 20px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 35px;
  font-size: 0.875rem;
}
.main-light .close-popup {
  position: absolute;
  right: 10px;
  top: 5px;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}
.main-light .close-popup svg {
  width: 12px;
  height: 12px;
}
.main-light app-player.video-player-center,
.main-light .video-player-center {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light app-player.video-player-center.title-grd:before,
.main-light .video-player-center.title-grd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgb(0, 0, 0) 0%,
      rgba(0, 0, 0, 0.55) 20%,
      rgba(0, 0, 0, 0) 100%);
  z-index: 5;
}
.main-light app-player.video-player-center.title-grd.rem-name:before,
.main-light .video-player-center.title-grd.rem-name:before {
  display: none;
}
.main-light app-player.video-player-center .movie-title,
.main-light .video-player-center .movie-title {
  margin-left: 20px;
  z-index: 5;
}
.main-light app-player.video-player-center .movie-title h2,
.main-light .video-player-center .movie-title h2 {
  color: #fff;
  font-family: "Notosans-bold";
  font-size: 1.375rem;
}
.main-light app-player.video-player-center .movie-title h3,
.main-light .video-player-center .movie-title h3 {
  color: #fff;
  font-family: "Notosans";
  font-size: 1rem;
  padding-top: 10px;
}
.main-light .video-cs-blk {
  position: absolute;
  top: 30px;
  left: 5%;
  display: flex;
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .next-video {
  position: absolute;
  bottom: 25px;
  right: 160px;
  font-size: 1rem;
  z-index: 9;
  padding: 5px 20px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  transition: all ease 0.3s;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .next-video:hover {
  color: #19b4d7;
}
.main-light .next-video:hover svg {
  fill: #19b4d7;
}
.main-light .next-video svg {
  width: 10px;
  height: 10px;
  fill: #ffffff;
  margin-left: 10px;
}
.main-light .back_btn {
  position: relative;
  display: block;
  border-radius: 100%;
  width: 2.8125rem;
  height: 2.8125rem;
  z-index: 6;
  cursor: pointer;
}
.main-light .back_btn svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-light .back_btn:hover .back_btn_tooltip {
  visibility: visible;
  opacity: 1;
  margin-left: 20px;
  transition: margin-left 0.3s ease;
}
.main-light .back_btn .back_btn_tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 30px;
  color: #fff;
  white-space: nowrap;
  background: #171717;
  padding: 7px 10px;
  transform: translateY(-50%);
  font-size: 0.95rem;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: margin-left 0.3s ease;
}
.main-light .back_btn .back_btn_tooltip:before {
  content: "";
  width: auto;
  border-right: 10px solid #171717;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -10px;
}
.main-light .countdown-blk {
  position: relative;
  height: 31.25rem;
  overflow: hidden;
}
.main-light .countdown-blk {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-light .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-light .countdown-blk .countdown div {
  border: 1px #29b6f6 solid;
  padding: 10px;
  background: #29b6f6;
  border-radius: 2px;
  opacity: 1;
  margin: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
}
.main-light .countdown-blk strong {
  font-size: 2.75rem;
  height: 6.25rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: #27caf0;
  text-align: center;
}
.main-light .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 10rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-light .live-now-tag,
.main-light .premium-tag {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  border-radius: 2px;
  display: inline-block;
  padding: 4px 10px;
  vertical-align: middle;
}
.main-light .live-now-tag {
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-light .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-light {
}
.main-light .contus-slider {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.main-light .owl-nav button {
  webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  background: none;
  cursor: pointer;
}
.main-light .slider-item .slider-content,
.main-light .profile-page .profile-right .history .history-container .item .slider-content,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content {
  text-align: left;
}
.main-light .contus-slider-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 1.25rem 5px;
}
.main-light .cs-slider {
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.main-light .cs-slider .item {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
@media (min-width: 1601px) {
  .main-light .cs-slider .item {
    max-height: 300px;
  }
}
.main-light .cs-slider .item.row-last-item .video-card-trailer {
  left: -106% !important;
}
.main-light .cs-slider .item.row-last-item:hover .video-card-trailer {
  opacity: 1;
  visibility: hidden;
  transform: scale(1.9);
}
.main-light .cs-slider .item:hover .slider-item,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-light .cs-slider .item:hover .slider-item.notrailer,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .notrailer.item,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .notrailer.item,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .notrailer.item {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-light .cs-slider .item:hover .slider-item.expand,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .expand.item,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .expand.item,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .expand.item {
  transform: scale3d(1.7, 1.7, 1) translate3d(19%, 0px, 0px) perspective(480px);
}
.main-light .cs-slider .item:hover .slider-item .play-video,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .play-video,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .play-video,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item .play-video {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-light .cs-slider .item:hover .slider-item .slider-img .video-card-trailer,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .slider-img .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .slider-img .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item .slider-img .video-card-trailer {
  display: block;
}
.main-light .cs-slider .item:hover .slider-item .video-card-trailer,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item .video-card-trailer {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.main-light .cs-slider .item .slider-item,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: ease 0.4s all;
  position: relative;
  max-height: 270px;
}
@media (min-width: 1601px) {
  .main-light .cs-slider .item .slider-item,
  .main-light .cs-slider .item .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .cs-slider .item .item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item {
    max-height: 300px;
  }
}
.main-light .cs-slider .item .slider-item .video-card-trailer,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer {
  position: absolute;
  top: 0;
  left: 0%;
  transform: scale(0.5);
  width: 150%;
  height: 100%;
  background: #061323;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
}
.main-light .cs-slider .item .slider-item .video-card-trailer .image-wrapper,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .image-wrapper,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .image-wrapper,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer .image-wrapper {
  position: relative;
}
.main-light .cs-slider .item .slider-item .video-card-trailer .duration,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .duration,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .duration,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer .duration {
  margin: 16px 12px;
}
.main-light .cs-slider .item .slider-item .video-card-trailer video,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer video,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer video,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-light .cs-slider .item .slider-item .video-card-trailer .trailer-content,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer .trailer-content {
  position: absolute;
  color: #ffffff;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 15px 10px;
  background: #061323;
}
.main-light .cs-slider .item .slider-item .video-card-trailer .trailer-content p,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content p,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content p,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer .trailer-content p {
  font-family: "Notosans";
  color: #fff;
  font-size: 1rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.main-light .cs-slider .item .slider-item .video-card-trailer .trailer-content span,
.main-light .cs-slider .item .profile-page .profile-right .history .history-container .item .video-card-trailer .trailer-content span,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item .item .video-card-trailer .trailer-content span,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item .item .video-card-trailer .trailer-content span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: 0.625rem;
  text-align: left;
}
.main-light .cs-slider .item:hover {
  z-index: 1;
}
.main-light .small-slider {
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-light {
}
.main-light .videos-dimensions.play-fluid {
  padding-top: 49%;
}
.main-light .video-player-center .play-js.play-fluid {
  height: 100% !important;
  overflow: hidden;
}
.main-light .tabs {
  border-bottom: 1px solid #d9d9d9;
}
.main-light .tabs div {
  float: left;
  text-align: center;
  cursor: pointer;
  padding: 0rem 2.5625rem 0.8125rem;
  border-bottom: 4px solid transparent;
  position: relative;
  top: 2px;
}
.main-light .tabs div a {
  font-weight: 400;
  min-width: 50px;
  color: #424242;
  font-size: 1.125rem;
  display: block;
}
.main-light .tabs div.active:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgb(3, 150, 255);
  background: -moz-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(3, 150, 255)), color-stop(100%, rgb(82, 219, 228)));
  background: -webkit-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -o-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background: -ms-linear-gradient(left, rgb(3, 150, 255) 0%, rgb(82, 219, 228) 100%);
  background:
    linear-gradient(
      to right,
      rgb(3, 150, 255) 0%,
      rgb(82, 219, 228) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0396ff", endColorstr="#52dbe4", GradientType=1);
  -webkit-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
  bottom: -2px;
  left: 0;
}
.main-light .toast-title {
  padding-right: 20px;
}
.main-light .common-error {
  font-size: 0.75rem;
  padding: 0.5rem 1.5625rem 0.5rem 0.5rem;
  font-family: "Notosans";
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.main-light .common-error.success {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-light .common-error i.close {
  width: 0.625rem;
  height: 0.625rem;
}
.main-light .common-error i.close svg {
  width: 100%;
  height: 100%;
}
.main-light .video-player-center .play-js.play-fluid {
  transition: 0.5s margin ease-out;
}
.main-light .open-live-chat {
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 6;
  transition: 0.5s margin ease-out;
  background-color: #19b4d7;
  border: none;
  border-radius: 0;
  padding: 8px 16px;
  margin-top: 16px;
  height: 50px;
  max-width: 46px;
  width: auto;
  transition: all 0.5s ease-in-out;
  color: #fff;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.main-light .open-live-chat:hover {
  max-width: 400px;
  background: #19b4d7;
  transition: all 0.8s ease-in-out;
}
.main-light .open-live-chat svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.main-light .open-live-chat span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.main-light .live-chat-app {
  position: fixed;
  width: 520px;
  right: 0;
  top: 0;
  height: 100vh;
  background: #F2F5F7;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s margin ease-out;
}
.main-light .live-chat-app .livechat-header {
  display: flex;
  background: #FAFAFA;
}
.main-light .live-chat-app .livechat-header .close-live-chat {
  width: 4.1875rem;
  height: 4.1875rem;
  background: #19b4d7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main-light .live-chat-app .livechat-header .close-live-chat svg {
  width: 1.375rem;
}
.main-light .live-chat-app .livechat-header .live-chat-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: #FAFAFA;
  font-size: 1.125rem;
  color: #222222;
}
.main-light .live-chat-app .live-chat-contnet {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 135px);
}
.main-light .live-chat-app .live-chat-contnet ul {
  padding: 0.9375rem 0;
  height: 100%;
}
.main-light .live-chat-app .live-chat-contnet ul .chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 25px;
  margin-bottom: 5px;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-avator {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  margin-right: 0.75rem;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-message {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  max-width: 90%;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-person {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #444444;
  margin-bottom: 0px;
  font-family: "Notosans";
  margin-right: 5px;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-message .chat-view .chat-time {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #999999;
  margin-left: auto;
}
.main-light .live-chat-app .live-chat-contnet ul .chat .chat-message .message {
  color: #222222;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-top: 2px;
  word-break: break-word;
}
.main-light .live-chat-app .live-chat-input {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  border-top: 1px solid #C5C5C5;
  width: 100%;
  padding: 0.9375rem 1.5625rem;
  background: #F2F5F7;
}
.main-light .live-chat-app .live-chat-input img {
  width: 1.9375rem !important;
  height: 1.9375rem !important;
  display: block;
  margin-right: 1.25rem;
  border-radius: 50%;
}
.main-light .live-chat-app .live-chat-input .live-chat-text-input-field {
  resize: none;
  overflow: hidden;
  padding: 0.3125rem;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.875rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  word-wrap: break-word;
  white-space: pre-wrap;
  min-height: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  text-align: left;
  height: auto;
  max-height: 127px;
  color: #687984;
  line-height: 1.25rem;
}
.main-light .live-chat-app .live-chat-input .send-comment {
  width: 1.875rem;
  margin-left: 1.25rem;
}
.main-light .live-chat-app .error-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #F2F5F7;
  width: 100%;
}
.main-light .live-chat-app .error-text .chat-error {
  text-align: center;
  font-size: 13px;
  color: #c11938;
}
.main-light .player-live-chat #videos {
  transition: 0.5s margin ease-in;
}
.main-light .player-live-chat .live-chat-app {
  visibility: visible;
  opacity: 1;
  transition: 0.5s margin ease-in;
}
.main-light .player-live-chat .open-live-chat {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1600px) {
  .main-light .next-video {
    bottom: 45px;
    right: 220px;
  }
}
@media (min-width: 1401px) and (max-width: 1599px) {
  .main-light .next-video {
    bottom: 25px;
    right: 220px;
  }
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .main-light .next-video {
    bottom: 28px;
  }
  .main-light .play-fullscreen .next-video {
    bottom: 28px;
  }
}
@media (max-width: 450px) {
  .main-light .next-video {
    bottom: 70px;
    right: 10px;
  }
}
.main-light html {
  scroll-behavior: smooth;
}
.main-light button,
.main-light input,
.main-light textarea,
.main-light select {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.main-light button,
.main-light input {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-light button::-moz-focus-inner {
  border: 0;
  outline: 0;
}
.main-light a {
  border: 0;
  outline: 0;
}
.main-light input:-webkit-autofill,
.main-light input:-webkit-autofill:hover,
.main-light input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light select:-webkit-autofill,
.main-light select:-webkit-autofill:hover,
.main-light select:-webkit-autofill:focus {
  -webkit-text-fill-color: #131313;
}
.main-light .login-signup-modal input:-webkit-autofill,
.main-light .login-signup-modal input:-webkit-autofill:hover,
.main-light .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light .login-signup-modal select:-webkit-autofill,
.main-light .login-signup-modal select:-webkit-autofill:hover,
.main-light .login-signup-modal select:-webkit-autofill:focus {
  -webkit-text-fill-color: #252525;
}
.main-light .login-signup-modal input:-webkit-autofill::-webkit-input-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:hover::-webkit-input-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-webkit-input-placeholder,
.main-light .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-webkit-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill::-webkit-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:hover::-webkit-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:focus::-webkit-input-placeholder {
  color: #979797;
}
.main-light .login-signup-modal input:-webkit-autofill::-moz-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:hover::-moz-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill::-moz-placeholder,
.main-light .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus::-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill::-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:hover::-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:focus::-moz-placeholder {
  color: #979797;
}
.main-light .login-signup-modal input:-webkit-autofill:-ms-input-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:hover:-ms-input-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-ms-input-placeholder,
.main-light .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-ms-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:-ms-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:hover:-ms-input-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:focus:-ms-input-placeholder {
  color: #979797;
}
.main-light .login-signup-modal input:-webkit-autofill:-moz-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:hover:-moz-placeholder,
.main-light .login-signup-modal input:-webkit-autofill:focus textarea:-webkit-autofill:-moz-placeholder,
.main-light .login-signup-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus:-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:hover:-moz-placeholder,
.main-light .login-signup-modal select:-webkit-autofill:focus:-moz-placeholder {
  color: #979797;
}
.main-light input:focus,
.main-light button:focus {
  outline: none;
}
.main-light input::-webkit-autofill,
.main-light input::-webkit-contacts-auto-fill-button,
.main-light input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.main-light select {
  outline: none;
  cursor: pointer;
  background: transparent;
}
.main-light input:-webkit-autofill,
.main-light input:-webkit-autofill:hover,
.main-light input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light select:-webkit-autofill,
.main-light select:-webkit-autofill:hover,
.main-light select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-light input,
.main-light select,
.main-light button {
  font-family: "Notosans-medium";
}
.main-light h1,
.main-light h2,
.main-light h3,
.main-light h4,
.main-light h5,
.main-light h6,
.main-light p,
.main-light ul,
.main-light li,
.main-light i,
.main-light a,
.main-light span,
.main-light em,
.main-light div,
.main-light input,
.main-light textarea,
.main-light select,
.main-light button,
.main-light ol {
  font-family: "Notosans-medium";
}
.main-light input::-webkit-outer-spin-button,
.main-light input::-webkit-inner-spin-button,
.main-light select::-webkit-outer-spin-button,
.main-light select::-webkit-inner-spin-button,
.main-light select {
  -webkit-appearance: none;
  margin: 0;
  border-radius: 0;
}
.main-light input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.main-light input[type=password]::-ms-reveal,
.main-light input[type=password]::-ms-clear {
  display: none;
}
.main-light button::-moz-focus-inner {
  border: 0;
}
.main-light button::-webkit-focus-inner {
  border: 0;
}
.main-light button::-o-focus-inner {
  border: 0;
}
.main-light select::-moz-focus-inner {
  border: 0;
}
.main-light select::-webkit-focus-inner {
  border: 0;
}
.main-light select::-o-focus-inner {
  border: 0;
}
.main-light .min-content {
  min-height: calc(100vh - 315px);
}
.main-light .owl-prev.disabled,
.main-light .owl-next.disabled {
  display: none !important;
}
.main-light .tittle-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .tittle-blk h2 {
  font-size: 19px;
  font-family: "Notosans-medium";
  color: #fff;
}
.main-light .tittle-blk a {
  color: #f16c1f;
  font-family: "Notosans";
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  margin: 0rem 1rem;
}
.main-light .tittle-blk a i {
  background: url("./media/orange-arrow-7JXRZHV6.svg") no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  transition: all ease 0.2s;
}
.main-light .tittle-blk a:hover i {
  transform: translate(5px, 0);
  transition: all ease 0.2s;
}
.main-light .container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.main-light .s-container {
  width: 95%;
  margin: auto;
  position: relative;
}
.main-light .first-user {
  display: block;
  background: #484848;
  color: #fff;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: "Notosans";
  position: relative;
}
.main-light .first-user p {
  padding-right: 40px;
}
.main-light .first-user i {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.main-light .first-user i svg {
  display: inherit;
}
.main-light .whole-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
.main-light .whole-header.header-fixed .first-user {
  opacity: 0;
}
.main-light header {
  background: transparent;
  position: static;
  z-index: 4;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all ease 0.3s;
}
.main-light header.fixed {
  position: fixed;
  transition: all ease 0.3s;
  animation: fixed 0.3s 1;
  background: #f3f3f3;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
@keyframes fixed {
  from {
    top: -10px;
  }
  to {
    top: 0;
  }
}
.main-light header.home-header {
  background: transparent;
  box-shadow: none;
}
.main-light header.home-header.live-header {
  background: #091c34;
}
.main-light header.home-header .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-light header.home-header .f-row .search-blk i svg {
  width: 20px;
  height: 100%;
  margin-left: -20px;
}
.main-light header.home-header .f-row .search-blk i svg path {
  fill: #acacac;
}
.main-light header.home-header .f-row .search-blk i svg:hover path,
.main-light header.home-header .f-row .search-blk i svg:active path {
  fill: #acacac;
}
.main-light header.home-header.fixed {
  background: #0a1c34;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-light header.home-header.fixed .f-row .logo .home_logo {
  display: none;
}
.main-light header.home-header.fixed .f-row .toggle-menu .line-menu {
  background-color: #565656;
}
.main-light header.home-header.fixed .f-row .toggle-profile .line-menu {
  background-color: #565656;
}
.main-light header.home-header.fixed .f-row .down-arrow polygon {
  fill: #696969;
}
.main-light header.home-header.fixed .f-row .logo .default_logo {
  display: block;
}
.main-light header.home-header.fixed .f-row .menu-set a {
  color: #cccccc !important;
}
.main-light header.home-header.fixed .f-row .menu-set a.sub-menu-link {
  color: #fff;
}
.main-light header.home-header.fixed .f-row .menu-set a.sub-menu-link:hover {
  color: #fff;
}
.main-light header.home-header.fixed .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-light header.home-header.fixed .f-row .search-blk i svg {
  margin-left: -20px !important;
  width: 18px !important;
  height: 18px !important;
}
.main-light header.home-header.fixed .f-row .search-blk i svg path {
  fill: #4c5c68 !important;
}
.main-light header.home-header.fixed .f-row .search-blk i svg:hover path,
.main-light header.home-header.fixed .f-row .search-blk i svg:active path {
  fill: #3a3a3a;
}
.main-light header.home-header.fixed .f-row .dark-icon svg path {
  fill: #696969;
}
.main-light header.home-header.fixed .f-row .dark-icon svg:hover path,
.main-light header.home-header.fixed .f-row .dark-icon svg:active path {
  fill: #3a3a3a;
}
.main-light header.home-header.fixed .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-light header.home-header.fixed .f-row .dark-icon.activated svg:hover path,
.main-light header.home-header.fixed .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-light header.home-header.fixed .f-row .notification-blk .notify-icon svg path {
  fill: #696969;
}
.main-light header.home-header.fixed .f-row .notification-blk .notify-icon svg:hover path,
.main-light header.home-header.fixed .f-row .notification-blk .notify-icon svg:active path {
  fill: #3a3a3a;
}
.main-light header.home-header.fixed .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
  font-family: "Notosans-bold";
}
.main-light header.home-header.fixed .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-light header.home-header .f-row .logo .default_logo {
  display: none;
}
.main-light header.home-header .f-row .toggle-menu .line-menu {
  background-color: #dde0e2;
}
.main-light header.home-header .f-row .toggle-profile .line-menu {
  background-color: #dde0e2;
}
.main-light header.home-header .f-row .logo .home_logo {
  display: block;
  margin-top: -8px;
}
.main-light header.home-header .f-row .lang-toggle .lang-select .lang-selected {
  color: #cccccc;
}
.main-light header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-light header.home-header .f-row .menu-set a {
  color: #cccccc;
  transition: all ease 0.3s;
}
.main-light header.home-header .f-row .menu-set a:hover,
.main-light header.home-header .f-row .menu-set a:active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-light header.home-header .f-row .menu-set a.go_premium {
  color: #945d24;
}
.main-light header.home-header .f-row .search-blk.open i svg path {
  fill: #696969;
}
.main-light header.home-header .f-row .dark-icon svg path {
  fill: #fff;
}
.main-light header.home-header .f-row .dark-icon svg:hover path,
.main-light header.home-header .f-row .dark-icon svg:active path {
  fill: #ccc;
}
.main-light header.home-header .f-row .notification-blk .notify-icon svg path {
  fill: #fff;
}
.main-light header.home-header .f-row .notification-blk .notify-icon svg:hover path,
.main-light header.home-header .f-row .notification-blk .notify-icon svg:active path {
  fill: #ccc;
}
.main-light header.home-header .f-row .profile-link svg polygon {
  fill: #fff;
}
.main-light .f-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .f-row {
  height: 80px;
  padding: 15px 0;
  position: relative;
  box-sizing: border-box;
}
.main-light .f-row .logo-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .f-row .header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
}
.main-light .f-row .down-arrow polygon {
  fill: #696969;
}
.main-light .f-row .dark-icon {
  position: relative;
  margin-right: 1.125rem;
  cursor: pointer;
}
.main-light .f-row .dark-icon svg {
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}
.main-light .f-row .dark-icon svg path {
  fill: #696969;
}
.main-light .f-row .dark-icon svg:hover path,
.main-light .f-row .dark-icon svg:active path {
  fill: #3a3a3a;
}
.main-light .f-row .dark-icon.activated svg path {
  fill: #fff;
}
.main-light .f-row .dark-icon.activated svg:hover path,
.main-light .f-row .dark-icon.activated svg:active path {
  fill: #ccc;
}
.main-light .f-row .dark-icon .switch-theme-tt {
  position: absolute;
  width: 150px;
  padding: 5px;
  color: #ccc;
  background: #252a30;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  font-size: 13px;
  text-align: center;
  font-family: "Notosans";
  opacity: 0;
  visibility: hidden;
}
.main-light .f-row .dark-icon .switch-theme-tt:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #252a30;
}
.main-light .f-row .dark-icon svg:hover ~ .switch-theme-tt {
  top: 45px;
  opacity: 1;
  visibility: visible;
  transition: top ease 0.3s;
}
.main-light .f-row .notification-blk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-light .f-row .profile-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.main-light .f-row .profile-image {
  background-size: cover;
  width: 2.8125rem;
  height: 2.8125rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5625rem;
  background-position: center;
  border-radius: 50%;
}
.main-light .f-row h4 {
  font-size: 1.0875rem;
  margin-right: 0.625rem;
}
.main-light .f-row .down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  display: inline-block;
  vertical-align: middle;
}
.main-light .f-row .dropdown-profile a {
  text-align: center;
}
.main-light .f-row .dropdown-menu,
.main-light .f-row .dropdown-profile {
  position: absolute;
  background: #fff;
  width: 200px;
  height: auto;
  z-index: 5;
  left: -20px;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
}
.main-light .f-row .dropdown-menu.open,
.main-light .f-row .dropdown-profile.open {
  top: 58px;
  opacity: 1;
  visibility: visible;
}
.main-light .f-row .dropdown-menu .categories,
.main-light .f-row .dropdown-profile .categories {
  padding: 10px 0;
}
.main-light .f-row .dropdown-menu .personal-menu,
.main-light .f-row .dropdown-profile .personal-menu {
  border-bottom: 1px solid rgba(221, 221, 221, 0.65);
}
.main-light .f-row .dropdown-menu .personal-menu .playlist,
.main-light .f-row .dropdown-menu .personal-menu .favourite,
.main-light .f-row .dropdown-profile .personal-menu .playlist,
.main-light .f-row .dropdown-profile .personal-menu .favourite {
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.main-light .f-row .dropdown-menu .personal-menu .playlist,
.main-light .f-row .dropdown-profile .personal-menu .playlist {
  background-image: url("./media/playlist-CJIORI7E.svg");
}
.main-light .f-row .dropdown-menu .personal-menu .favourite,
.main-light .f-row .dropdown-profile .personal-menu .favourite {
  background-image: url("./media/favourite-transparent-QLO3QKIS.svg");
  stroke: #696969;
  stroke-width: 2px;
}
.main-light .f-row .dropdown-menu .personal-menu,
.main-light .f-row .dropdown-menu .profile-blk,
.main-light .f-row .dropdown-profile .personal-menu,
.main-light .f-row .dropdown-profile .profile-blk {
  display: none;
}
.main-light .f-row .dropdown-menu a,
.main-light .f-row .dropdown-profile a {
  padding: 6px 20px;
  color: #333;
  font-size: 0.9375rem;
  font-family: "Notosans";
  line-height: 1.4rem;
  width: 100%;
  display: inline-block;
  background: 0 5px 20px #000106;
}
.main-light .f-row .dropdown-menu a:hover,
.main-light .f-row .dropdown-menu a.active,
.main-light .f-row .dropdown-profile a:hover,
.main-light .f-row .dropdown-profile a.active {
  background: #ededed;
}
.main-light .f-row .dropdown-menu a.active,
.main-light .f-row .dropdown-profile a.active {
  color: #f16c1f;
}
.main-light .f-row .dropdown-profile a {
  color: #716d6d;
  font-size: 0.875rem;
  text-align: left;
}
.main-light .f-row .dropdown-profile {
  width: 200px;
  left: unset;
  right: 0;
  border-radius: 2px;
}
.main-light .f-row .toggle-menu {
  display: none !important;
}
.main-light .f-row .toggle-menu,
.main-light .f-row .toggle-profile {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-light .f-row .toggle-menu .mobile-overlay.show,
.main-light .f-row .toggle-profile .mobile-overlay.show {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.34);
}
.main-light .f-row .toggle-profile {
  margin: 0;
}
.main-light .f-row .logo {
  width: 150px;
  display: inline-block;
}
.main-light .f-row .logo .home_logo {
  display: none;
}
.main-light .f-row .logo img {
  width: 100%;
  vertical-align: bottom;
}
.main-light .f-row .menu-set {
  margin-left: 2.5rem;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .f-row .menu-set .mobile-home,
.main-light .f-row .menu-set .toggle-mobile-menu {
  display: none;
}
.main-light .f-row .menu-set .hide-for-web {
  display: none;
}
.main-light .f-row .menu-set a {
  padding: 0 0.9375rem;
  color: #424242;
  font-size: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  transition: all ease 0.3s;
}
.main-light .f-row .menu-set a:hover,
.main-light .f-row .menu-set a.active {
  color: #f16c1f;
  transition: all ease 0.3s;
}
.main-light .f-row .menu-set a > svg {
  display: none;
}
.main-light .f-row .menu-set a.go_premium {
  margin-left: 0.9375rem;
  text-transform: capitalize;
  font-size: 12px;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
}
.main-light .f-row .menu-set .dropdown-menu {
  display: none;
}
.main-light .f-row .menu-set .dropdown-menu a > svg {
  width: 18px;
  height: 18px;
  margin-right: 15px;
  fill: #696969;
  display: inline-block;
}
.main-light .f-row .menu-set .dropdown-menu a.active > svg {
  fill: #f16c1f;
}
.main-light .f-row .menu-set .live-vid svg {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.main-light .f-row .search-blk {
  width: 10%;
  height: 41px;
  position: relative;
  margin: 0 1.1875rem;
  margin-right: -5px;
  transition: width 0.5s ease;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-light .f-row .search-blk .header-close {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.main-light .f-row .search-blk .header-search svg:hover path,
.main-light .f-row .search-blk .header-search svg:active path {
  fill: #3a3a3a;
}
.main-light .f-row .search-blk .search-results {
  display: block;
  width: 93%;
  z-index: -1;
  background: #ffffff;
  position: absolute;
  top: 1.875rem;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
.main-light .f-row .search-blk.open {
  width: 60%;
  transition: all 0.5s ease;
}
.main-light .f-row .search-blk.open input {
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  width: 100%;
}
.main-light .f-row .search-blk.open i {
  right: 0.9375rem;
}
.main-light .f-row .search-blk.open .search-results {
  opacity: 1;
  visibility: visible;
  animation: result 1.5s 1 cubic-bezier(0.57, -0.43, 0, 3.65);
}
@keyframes result {
  0% {
    top: 0;
  }
  100% {
    top: 30px;
  }
}
.main-light .f-row .search-blk.open .search-results.shadow {
  box-shadow: 0px 1px 10px 0px #b4b4b4;
}
.main-light .f-row .search-blk.open .search-results ul {
  padding: 0.625rem 0.625rem 0rem 0.625rem;
}
.main-light .f-row .search-blk.open .search-results li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-radius: 0.1875rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  box-shadow: 0px 1px 1px #d9d7d7;
}
.main-light .f-row .search-blk.open .search-results li:nth-child(4) {
  box-shadow: none;
  margin-bottom: 0;
}
.main-light .f-row .search-blk.open .search-results li:hover {
  background-color: #f3f3f3;
}
.main-light .f-row .search-blk.open .search-results .movie-desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  flex: 1;
}
.main-light .f-row .search-blk.open .search-results .movie-thumb {
  display: inline-block;
  width: 4.375rem;
  height: 5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.1875rem;
  margin-right: 0.75rem;
}
.main-light .f-row .search-blk.open .search-results .movie-name {
  padding-right: 0.625rem;
  font-size: 0.9rem;
  font-family: "Notosans";
}
.main-light .f-row .search-blk.open .search-results .movie-lang {
  color: #222222;
  opacity: 0.6;
  line-height: 1.3rem;
  font-size: 0.85rem;
  letter-spacing: 0.0625rem;
  width: 90%;
  font-family: "Notosans";
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.main-light .f-row .search-blk.open .search-results .more-results {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  padding: 5px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  cursor: pointer;
}
.main-light .f-row .search-blk.open .search-results .no-result {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #353434;
  display: block;
  padding: 0.625rem;
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.main-light .f-row .search-blk i {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.5s ease;
}
.main-light .f-row .search-blk i svg {
  width: 100%;
  height: 100%;
}
.main-light .f-row .search-blk i svg path {
  fill: #696969;
}
.main-light .f-row .search-blk input {
  width: 90%;
  height: 100%;
  box-shadow: none;
  padding: 5px 45px 5px 15px;
  border: 1px solid #4c5c68;
  background: #fff;
  border-radius: 24px;
  visibility: visible;
  opacity: 1;
  font-size: 0.8rem;
  color: #252525;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.main-light .f-row .search-blk input::-webkit-input-placeholder {
  color: #cecece;
}
.main-light .f-row .search-blk input::-moz-placeholder {
  color: #cecece;
}
.main-light .f-row .search-blk input:-ms-input-placeholder {
  color: #cecece;
}
.main-light .f-row .search-blk input:-moz-placeholder {
  color: #cecece;
}
.main-light .f-row .search-blk input:-webkit-autofill,
.main-light .f-row .search-blk input:-webkit-autofill:hover,
.main-light .f-row .search-blk input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light .f-row .search-blk textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light .f-row .search-blk select:-webkit-autofill,
.main-light .f-row .search-blk select:-webkit-autofill:hover,
.main-light .f-row .search-blk select:-webkit-autofill:focus {
  -webkit-text-fill-color: #252525;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.main-light .f-row .notification-blk {
  position: relative;
  margin-right: 1.125rem;
}
.main-light .f-row .notification-blk .notify-icon {
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  position: relative;
}
.main-light .f-row .notification-blk .notify-icon svg {
  width: 100%;
  height: 100%;
}
.main-light .f-row .notification-blk .notify-icon svg path {
  fill: #696969;
}
.main-light .f-row .notification-blk .notify-icon svg:hover path,
.main-light .f-row .notification-blk .notify-icon svg:active path {
  fill: #3a3a3a;
}
.main-light .f-row .notification-blk .notify-icon .not-count {
  top: 1px;
  right: -0.3125rem;
  position: absolute;
  color: #fff;
  font-family: "Notosans";
  font-size: 0.6875rem;
  background: #f16c1f;
  padding: 1px 4px;
  border-radius: 2px;
}
.main-light .f-row .notification-blk .notification-dropdown {
  position: absolute;
  top: 5.625rem;
  background: #fff;
  white-space: nowrap;
  right: -1.5625rem;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 30.625rem;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0.25rem 0.75rem 0px rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
}
.main-light .f-row .notification-blk .notification-dropdown:before {
  content: "";
  width: auto;
  height: auto;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid #fff;
  position: absolute;
  right: 1.3125rem;
  top: -0.9375rem;
  z-index: 5;
}
.main-light .f-row .notification-blk .notification-dropdown.open {
  top: 3.125rem;
  visibility: visible;
  opacity: 1;
  transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -webkit-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -moz-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -o-transition: top ease 0.5s, opacity ease-in-out 0.5s;
  -ms-transition: top ease 0.5s, opacity ease-in-out 0.5s;
}
.main-light .f-row .notification-blk .notification-dropdown h4 {
  color: #575757;
  margin-right: 0;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #dedede;
  padding: 0.9375rem 1.5625rem;
}
.main-light .f-row .notification-blk .notification-dropdown .clear-all {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.8125rem;
  font-family: "Notosans";
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 21.875rem;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
  padding: 0.425rem 0.5625rem;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:hover {
  background-color: #f3f3f3;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg {
  background-color: #ececec;
  position: relative;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.unread_msg:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #37bedc;
  left: 8px;
  top: 0;
  margin: auto;
  bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list:last-child {
  border: none;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list + .notify-list {
  border-top: 1px solid #dedede;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
  width: 100%;
  max-width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  margin-right: 0.9375rem;
  overflow: hidden;
  background: center;
  border: 1px solid rgba(214, 214, 214, 0.4588235294);
  position: relative;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user .user__img {
  width: 90%;
  height: 90%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content {
  white-space: normal;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg {
  word-break: break-word;
  color: #575757;
  font-size: 0.875rem;
  display: block;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc {
  font-style: italic;
  text-decoration: underline;
  color: #fa823d;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-msg .nuc:hover {
  font-weight: bold;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-title {
  word-break: break-word;
  color: #575757;
  font-size: 1rem;
  display: block;
  font-weight: bold;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-content .notify-time {
  color: #aaaaaa;
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
  width: 10.1875rem;
  height: 5.75rem;
  background-color: #14253d;
  border-radius: 3px;
  overflow: hidden;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb .notify-thumb-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
  margin-left: auto;
  position: relative;
  padding-left: 0.25rem;
  margin-top: -1.875rem;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more svg {
  width: 0.875rem;
  height: 0.875rem;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown {
  position: absolute;
  right: 0;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more .notify-more-dropdown li a {
  color: #313030;
  font-size: 0.75rem;
  display: block;
  padding: 0.625rem 1.5625rem;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
  height: 21.875rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
  color: #ababab;
}
.main-light .f-row .lang-toggle {
  position: relative;
  margin-right: 1.125rem;
}
.main-light .f-row .lang-toggle .lang-select {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  padding: 0.625rem 0;
}
.main-light .f-row .lang-toggle .lang-select.open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-light .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
  fill: #cccccc;
}
.main-light .f-row .lang-toggle .lang-select .lang-selected {
  font-size: 0.875rem;
  color: #cccccc;
  margin-right: 0.3rem;
}
.main-light .f-row .lang-toggle .lang-select .lang-down-arrow {
  width: 0.6875rem;
  height: 0.6875rem;
  transition: 0.2s transform;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  -ms-transition: 0.2s transform;
}
.main-light .f-row .lang-toggle .lang-select .globe-ic {
  display: none;
  margin-right: 10px;
}
.main-light .f-row .lang-toggle .lang-select .globe-ic g {
  stroke: #696969;
}
.main-light .f-row .lang-toggle .lang-select .lang-down-arrow g {
  stroke: #696969;
}
.main-light .f-row .lang-toggle .lang-dropdown {
  position: absolute;
  width: 11.25rem;
  background: #ffffff;
  height: auto;
  z-index: 5;
  right: 0;
  top: 70px;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
  padding: 0.625rem 0;
  z-index: 1;
  white-space: nowrap;
}
.main-light .f-row .lang-toggle .lang-dropdown.open {
  visibility: visible;
  opacity: 1;
  top: 40px;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item {
  padding: 0.4375rem 0.875rem 0.4375rem 2.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item:hover {
  background: #ededed;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item.selected svg {
  display: block;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item.selected span {
  color: #292929;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item svg {
  width: 0.6875rem;
  height: 0.5625rem;
  margin-right: 0.875rem;
  display: none;
  position: absolute;
  left: 0.8125rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item svg path {
  fill: #292929;
}
.main-light .f-row .lang-toggle .lang-dropdown ul .list-item span {
  color: #919191;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-light .f-row .sign-btn {
  height: 2.25rem;
  line-height: 2.1875rem;
  border-radius: 20px;
  padding: 0 1.125rem;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: auto;
  white-space: nowrap;
  font-family: "Notosans-bold";
  cursor: pointer;
  background: #d0502d !important;
}
.main-light .f-row .sign-btn a {
  color: #fff;
  cursor: pointer;
  font-family: "Notosans-bold";
  font-size: 16px;
}
.main-light .f-row .mobile-login {
  display: none;
}
.main-light .f-row .mobile-login svg path {
  fill: #696969;
}
.main-light footer {
  background: #0f233d;
}
.main-light footer .f-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 1rem 0;
}
.main-light footer .lang-select {
  position: relative;
  display: inline-block;
  margin-top: 1.875rem;
}
.main-light footer .lang-select i.lang-icon {
  background: url("./media/language-QOMVGHXC.svg");
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.main-light footer .lang-select select {
  padding: 5px 10px 5px 30px;
  border: transparent;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
}
.main-light footer .tittle {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-light footer .footer-text a:hover {
  color: #fff;
  transform: translate(5px, 0);
  transition: all ease 0.3s;
}
.main-light footer a {
  color: #62758e;
  font-family: "Notosans-medium";
  font-size: 15px;
  padding: 4px 0;
  display: inline-block;
  transition: all ease 0.3s;
}
.main-light footer a.mobile,
.main-light footer a.email {
  font-size: 1rem;
}
.main-light footer .mobile a,
.main-light footer .email a {
  cursor: default;
}
.main-light footer .mobile a:hover,
.main-light footer .email a:hover {
  transform: translate(0);
  color: #aeb0b5;
}
.main-light footer .fb,
.main-light footer .tw,
.main-light footer .gp,
.main-light footer .inst {
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
}
.main-light footer .fb {
  background-image: url("./media/fb2-QI3NQXAE.svg");
}
.main-light footer .tw {
  background-image: url("./media/twit1-ESU6ZVMG.svg");
  position: relative;
  margin-top: 0;
  top: 3px;
}
.main-light footer .gp {
  background-image: url("./media/gp-POAS2J72.svg");
}
.main-light footer .inst {
  background-image: url("./media/insta1-HLJBF4ZZ.svg");
}
.main-light footer .mobile-icon,
.main-light footer .email-icon {
  background-size: contain;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
}
.main-light footer .mobile-icon {
  background-image: url("./media/mobile-PVJ7VFW3.svg");
}
.main-light footer .email-icon {
  background-image: url("./media/email-KCWLNSEK.svg");
  position: relative;
  top: -2px;
}
.main-light footer .app-store,
.main-light footer .google-play {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.main-light footer .app-store {
  background-position: -12px -54px;
  width: 124px;
  height: 40px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  display: block;
  margin-bottom: 10px;
}
.main-light footer .social-icons {
  display: flex;
}
.main-light footer .google-play {
  background-position: -142px -54px;
  width: 124px;
  height: 40px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
}
.main-light .copyrights p {
  background: #232a3a;
  font-family: "Notosans-medium";
  padding: 10px 0;
  color: #8394ab;
  border-top: none;
  text-align: center;
  font-size: 16px;
}
.main-light {
}
.main-light .modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.main-light .modal .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.main-light .modal .modal-body {
  position: relative;
  margin: auto;
  width: 90%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.main-light .modal .modal-content {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
}
.main-light .modal .header {
  text-align: center;
  padding: 1.125em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-light .modal .header h4 {
  font-size: 2.125rem;
  color: #fff;
}
.main-light .modal .header .close {
  width: 1.375em;
  height: 1.25em;
  position: absolute;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.main-light .login-signup-modal {
  font-family: "Notosans";
  text-align: center;
  padding: 30px 0;
  overflow: auto;
}
.main-light .login-signup-modal .social-login-buttons {
  font-size: 0;
  margin: 0 -2% 15px;
}
.main-light .login-signup-modal .social-login-buttons li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2%;
  width: 48%;
  font-family: "Notosans";
  margin-bottom: 7px;
}
.main-light .login-signup-modal .social-login-buttons .google-plus {
  background: #dc3c11;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-light .login-signup-modal .social-login-buttons .google-plus svg {
  width: 1.5em;
  height: 1.5em;
}
.main-light .login-signup-modal .social-login-buttons .facebook {
  background: #3b4fbb;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  line-height: 2.313em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
}
.main-light .login-signup-modal .social-login-buttons .facebook svg {
  width: 1.5em;
  height: 1.5em;
}
.main-light .login-signup-modal .social-login-buttons svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
}
.main-light .login-signup-modal .social-login-buttons span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.main-light .login-signup-modal .or {
  position: relative;
  text-align: center;
  margin-bottom: 0.438em;
}
.main-light .login-signup-modal .or span {
  background: #fff;
  display: inline-block;
  color: #797979;
  font-size: 0.8rem;
  width: 2.071em;
  line-height: 1.714em;
  position: relative;
}
.main-light .login-signup-modal .or:before {
  width: 4.375em;
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  margin: auto;
  top: 0;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
.main-light .login-signup-modal .or.large {
  margin-bottom: 0;
}
.main-light .login-signup-modal .or.large:before {
  width: 11.875em;
}
.main-light .login-signup-modal .signin {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  background: #dedede;
}
.main-light .login-signup-modal p.dont-have {
  font-size: 0.9rem;
  color: #686868;
  margin-bottom: 0.625rem;
}
.main-light .login-signup-modal p.dont-have .sign-up-now-link,
.main-light .login-signup-modal p.dont-have .login-link {
  background: -webkit-linear-gradient(left, #eb2f6d 0%, #f83e28 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.9rem;
}
.main-light .login-signup-modal .forgot-password-link {
  font-size: 1rem;
  color: #471b6f;
  margin: 0.875em 0;
}
.main-light .login-signup-modal p {
  color: #888888;
  font-size: 0.8rem;
  line-height: 1.286em;
}
.main-light .login-modal,
.main-light .forgot-password-modal {
  max-width: 27.063em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-light .signup {
  max-width: 40.063em;
}
.main-light #Signin .login-modal {
  max-width: 36em;
}
.main-light .back-btn {
  font-size: 13px;
  color: #d73218;
  float: left;
  cursor: pointer;
}
.main-light .forgot-password-modal p {
  margin-bottom: 0.929em;
  text-align: left;
  color: #242424;
}
.main-light .sign-up-modal {
  max-width: 47em;
  position: relative;
  margin: auto;
  padding-top: 4.938em;
}
.main-light .sign-up-modal .contact-number .country-code {
  width: 50%;
  float: left;
}
.main-light .sign-up-modal .contact-number input {
  width: 50%;
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.main-light .sign-up-modal .contact-number .chosen-container.chosen-container-active {
  z-index: 1;
  position: relative;
}
.main-light .sign-up-modal .contact-number .chosen-container .chosen-single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.main-light .sign-up-modal .modal-content {
  padding: 0;
}
.main-light .sign-up-modal .modal-content .signup-content {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.main-light .sign-up-modal .modal-content .signup-content > .or {
  width: 1.438em;
  display: table-cell;
  vertical-align: middle;
}
.main-light .sign-up-modal .modal-content .signup-content > .or:before {
  border-bottom: 0;
  width: 1px;
  height: 90%;
  border-left: 1px solid #d4d4d4;
  top: 0%;
}
.main-light .sign-up-modal .modal-content .social-login-outer {
  display: table-cell;
  vertical-align: middle;
}
.main-light .sign-up-modal .left-side {
  width: 53%;
  padding: 1.75em 1.063em 1.75em 2em;
  display: table-cell;
  vertical-align: middle;
}
.main-light .sign-up-modal .left-side .signin {
  margin-top: 1em;
}
.main-light .sign-up-modal .social-login-buttons {
  display: table-cell;
  vertical-align: middle;
  padding: 1.75em 2em 1.75em 1.313em;
  font-size: 1rem;
}
.main-light .sign-up-modal .social-login-buttons .facebook,
.main-light .sign-up-modal .social-login-buttons .google-plus {
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-light .sign-up-modal .dont-have {
  margin-bottom: 2em;
}
.main-light .sign-up-modal a {
  color: #1175b9;
}
.main-light .sign-up-modal .social-login-buttons {
  margin: 0 0 15px;
}
.main-light .sign-up-modal .social-login-buttons li {
  width: 100%;
  padding: 0;
}
.main-light .form-control {
  margin-bottom: 5px;
  text-align: left;
  position: relative;
}
.main-light .form-control input,
.main-light .form-control select,
.main-light .form-control select.input-data,
.main-light .form-control select option,
.main-light .form-control textarea {
  color: #252525;
  width: 100%;
  height: 2.688em;
  padding: 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 1rem;
}
.main-light .form-control input::-webkit-input-placeholder,
.main-light .form-control select::-webkit-input-placeholder,
.main-light .form-control select.input-data::-webkit-input-placeholder,
.main-light .form-control select option::-webkit-input-placeholder,
.main-light .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-light .form-control input::-moz-placeholder,
.main-light .form-control select::-moz-placeholder,
.main-light .form-control select.input-data::-moz-placeholder,
.main-light .form-control select option::-moz-placeholder,
.main-light .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-light .form-control input:-ms-input-placeholder,
.main-light .form-control select:-ms-input-placeholder,
.main-light .form-control select.input-data:-ms-input-placeholder,
.main-light .form-control select option:-ms-input-placeholder,
.main-light .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-light .form-control input:-moz-placeholder,
.main-light .form-control select:-moz-placeholder,
.main-light .form-control select.input-data:-moz-placeholder,
.main-light .form-control select option:-moz-placeholder,
.main-light .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-light .form-control input,
.main-light .form-control select,
.main-light .form-control select.input-data,
.main-light .form-control select option,
.main-light .form-control textarea {
  font-family: "Notosans";
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.main-light .form-control input:focus,
.main-light .form-control select:focus,
.main-light .form-control select.input-data:focus,
.main-light .form-control select option:focus,
.main-light .form-control textarea:focus {
  border-color: #27caf0;
  z-index: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.main-light .form-control .label-top ~ label,
.main-light .form-control .ngx-datepicker-container .label-top ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-light .form-control input:focus ~ label,
.main-light .form-control .ngx-datepicker-container input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-light .form-control input:not(focus):valid ~ label,
.main-light .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-light .form-control input:not(focus):valid ~ label,
.main-light .form-control .ngx-datepicker-container input:not(focus):valid ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
}
.main-light .form-control input.input-data.email-input,
.main-light .form-control input.input-data.phone-input {
  margin-top: 15px;
}
.main-light .form-control input.input-data.phone-input {
  padding-left: 58px;
}
.main-light .form-control input.input-data.email-input ~ label,
.main-light .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-light .form-control input.input-data.phone-input ~ label {
  margin-left: 38px;
}
.main-light .form-control input.input-data.email-input:focus ~ label,
.main-light .form-control input.input-data.phone-input:focus ~ label {
  left: 5px;
  top: 9px;
}
.main-light .form-control input.input-data.phone-input:focus ~ label {
  margin-left: 1.1rem;
}
.main-light .form-control input.input-data.email-input.label-top ~ label,
.main-light .form-control input.input-data.phone-input.label-top ~ label {
  left: 5px;
  top: 9px;
}
.main-light .form-control input.input-data.email-input ~ label,
.main-light .form-control input.input-data.phone-input ~ label {
  top: 32px;
  left: 1.1rem;
}
.main-light .form-control label,
.main-light .form-control .ngx-datepicker-container label {
  position: absolute;
  left: 1.25rem;
  top: 27px;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  z-index: 0;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
  pointer-events: none;
}
.main-light .form-control textarea {
  height: 74px;
  padding: 0.938em;
}
.main-light .form-control .error {
  color: #980c0c !important;
  font-size: 0.9rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-light .form-control.has-error .error {
  display: block;
}
.main-light .form-control.has-error input,
.main-light .form-control.has-error select,
.main-light .form-control.has-error textarea,
.main-light .form-control.has-error .chosen-single {
  border-color: #980c0c;
}
.main-light .checkbox-container {
  text-align: left;
  display: flex;
  align-items: center;
}
.main-light .checkbox-container label {
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  position: relative;
}
.main-light .checkbox-container label .error-msg {
  position: absolute;
  top: -1.125rem;
  left: 0;
  color: red;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: none;
}
.main-light .checkbox-container.error .checkbox {
  border: 1px solid red;
}
.main-light .checkbox-container.error .error-msg {
  display: block;
  position: absolute;
  left: 0;
  top: -0.9375rem;
  font-size: 0.75rem;
  color: red;
}
.main-light .checkbox-container .checkbox-input {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-light .checkbox-container .checkbox-input:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-animation: check 0.3s 1;
  animation: check 0.3s 1;
}
.main-light option[disabled] {
  display: none;
}
.main-light .form-control .ckbox {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.main-light .form-control .ckbox input {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.main-light .form-control .ckbox label {
  font-size: 0.9rem;
  color: #3a3939;
  text-transform: none;
  margin: 0;
  padding-left: 29px;
  line-height: 26px;
}
.main-light .form-control .ckbox label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #d4d4d4;
  position: absolute;
  left: 0;
  top: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.main-light .form-control .ckbox input:checked + label:before {
  border: 1px solid #ec3166;
  background: #ec3166;
}
.main-light .form-control .ckbox input:checked + label:after {
  background-image: url("./media/tick-SV42VABA.svg");
  width: 20px;
  height: 19px;
  content: "";
  position: absolute;
  background-size: 13px;
  left: 4px;
  background-repeat: no-repeat;
  top: 6px;
}
.main-light {
}
.main-light .reset-password {
  text-align: center;
  padding: 5rem 0;
}
.main-light .reset-password h2 {
  font-family: "Notosans-medium";
  font-size: 1.75rem;
  color: #231f20;
}
.main-light .reset-password .sub-title {
  padding: 10px;
  display: inline-block;
}
.main-light .reset-password form {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.main-light .reset-password form .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-bottom: 0.938em;
}
.main-light .reset-password form .form-text.error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.143em;
  margin-left: 1px;
}
.main-light .reset-password form label {
  color: #757373;
  margin-bottom: 5px;
}
.main-light .reset-password form .form-control {
  width: 100%;
  height: 2.688em;
  padding: 0.938em 0.938em 0 0.938em;
  border: 1px solid #e9e9e9;
  background: #fff;
  border-radius: 3px;
  font-size: 1rem;
  font-family: "Notosans";
  position: relative;
}
.main-light .reset-password form .form-control:focus {
  border-color: #d35a49;
  z-index: 1;
}
.main-light .reset-password form .reset-btn {
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  line-height: 3.313em;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Notosans";
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
}
.main-light .expired-box {
  max-width: 300px;
  margin: auto;
  text-align: center;
  padding: 5rem 0;
}
.main-light .expired-box h2 {
  font-size: 2rem;
  margin-bottom: 3rem;
  color: #000;
}
.main-light .expired-box p {
  color: #000;
}
.main-light {
}
.main-light .home-banner {
  position: relative;
}
.main-light .home-banner .owl-dots {
  display: none;
}
.main-light .banner-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background:
    linear-gradient(
      to bottom,
      rgba(9, 28, 52, 0.85) 0%,
      rgba(9, 28, 52, 0.66) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-light .banner-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background:
    linear-gradient(
      to top,
      rgba(9, 28, 52, 0.85) 0,
      rgba(9, 28, 52, 0.55) 20%,
      rgba(9, 28, 52, 0) 100%);
  z-index: 2;
}
.main-light .banner-slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.main-light .banner-slider .owl-nav .owl-prev {
  position: absolute;
  left: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 25px;
  height: 37px;
  display: inline-block;
  transform: rotate(180deg);
}
.main-light .banner-slider .owl-nav .owl-next {
  position: absolute;
  right: 1%;
  font-size: 0 !important;
  background-image: url("./media/next-arrow-FEARYSYK.svg") !important;
  background-repeat: no-repeat;
  background-size: contain !important;
  width: 25px;
  height: 37px;
  display: inline-block;
}
.main-light .banner-slider .banner-item {
  background-size: cover;
  background-position-y: -10px !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 28.125rem;
  display: block;
  position: relative;
}
.main-light .banner-slider .banner-item:after {
  display: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(45, 44, 40, 0.55) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(45, 44, 40, 0.55) 100%);
}
.main-light .banner-slider .banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  align-items: flex-end;
  height: 100%;
  left: 0;
  top: 0;
  width: 60%;
  z-index: 1;
  padding: 0 30px;
  padding-bottom: 20px;
}
.main-light .banner-slider .banner-content .play-icon {
  cursor: pointer;
}
.main-light .banner-slider .banner-content .banner-tittle {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  overflow: hidden;
}
.main-light .banner-slider .banner-content .banner-tittle h3 {
  font-family: "Notosans-bold";
  font-size: 36px;
  word-break: break-word;
  margin-bottom: 5px;
}
.main-light .banner-slider .banner-content .banner-tittle p {
  font-family: "Notosans";
  font-size: 1rem;
}
.main-light .banner-slider .banner-content .banner-tittle .live-now-tag {
  margin-left: 8px;
}
.main-light .banner-slider .banner-content .banner-tittle .premium-tag {
  margin-left: 8px;
}
.main-light {
}
.main-light .related-videos {
  margin-top: 15px;
  padding-bottom: 50px;
}
.main-light .small-vplay {
  margin-top: -0.0625rem;
}
.main-light .small-vplay .small-slider .owl-stage-outer {
  padding: 1.25rem 5px;
  width: 100%;
}
.main-light .small-vplay .small-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-light .small-vplay .small-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-light .small-vplay .small-slider .owl-nav button span {
  font-size: 0;
}
.main-light .small-vplay .small-slider .owl-nav .owl-prev,
.main-light .small-vplay .small-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 15px;
  height: 27px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-light .small-vplay .small-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-light .small-vplay .small-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -45px !important;
}
.main-light .small-vplay .small-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
  margin-right: 10px;
}
.main-light .small-vplay .small-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-light .small-vplay .small-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-light {
}
.main-light .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .owl-stage .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .owl-stage .owl-item .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.main-light .owl-stage .owl-item .item .slider-item,
.main-light .owl-stage .owl-item .item .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .owl-stage .owl-item .item .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .owl-stage .owl-item .item .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
}
.main-light .lanscape-vplay {
  margin-top: 2.1875rem;
}
.main-light .lanscape-vplay .lanscape-slider .owl-stage-outer {
  padding: 1.25rem 5px;
}
.main-light .lanscape-vplay .lanscape-slider .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
}
.main-light .lanscape-vplay .lanscape-slider .owl-nav button {
  position: absolute;
  top: 50%;
}
.main-light .lanscape-vplay .lanscape-slider .owl-nav button span {
  font-size: 0;
}
.main-light .lanscape-vplay .lanscape-slider .owl-nav .owl-prev,
.main-light .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  background: url("./media/next-owl-arrow-RYSBUPVT.svg") no-repeat !important;
  background-size: contain !important;
  width: 28px;
  height: 28px;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-light .lanscape-vplay .lanscape-slider .owl-nav .owl-prev {
  left: -30px;
}
.main-light .lanscape-vplay .lanscape-slider .owl-nav .owl-next {
  transform: translate(-50%, -50%) rotate(0);
  right: -55px !important;
}
.main-light .lanscape-vplay .lanscape-slider .owl-item {
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-light .lanscape-vplay .lanscape-slider .owl-item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
  z-index: 2;
}
.main-light .lanscape-vplay .lanscape-slider .owl-item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease all 0.3s;
}
.main-light {
}
.main-light .app-banner {
  padding: 3.5% 0 !important;
  background: url("./media/footban-F67VJYDD.png") no-repeat;
  background-size: 100%;
  background-position: right;
  position: relative;
  height: auto;
  margin: 0 auto;
}
.main-light .app-banner h6,
.main-light .app-banner p,
.main-light .app-banner .social-apps {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}
.main-light .app-banner h6 {
  font-size: 38px;
  font-weight: normal;
  font-family: "Notosans-bold";
  color: #ccc !important;
}
.main-light .app-banner p {
  font-size: 1.1rem;
  font-family: "Notosans";
  margin: 0.875rem 0 2rem;
}
.main-light .app-banner .social-apps a {
  display: inline-block;
  background-image: url("./media/sprite-RXTZEBSA.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.main-light .app-banner .social-apps .app-store {
  background-position: -175px -100px;
  width: 145px;
  height: 51px;
}
.main-light .app-banner .social-apps .google-play {
  background-position: -10px -98px;
  width: 154px;
  height: 53px;
  margin-right: 20px;
}
.main-light {
}
.main-light .playlist h6 {
  color: #3d3d3d;
  font-size: 1.25rem;
  margin: 1.25rem 0.5% 0;
  font-family: "Notosans-medium";
}
.main-light .playlist .playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-light .playlist .playlist-item {
  width: 18.6%;
  margin: 0.7%;
  cursor: pointer;
}
.main-light {
}
.main-light .categories-page {
  margin: 1.625rem 0;
}
.main-light .categories-page .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #231f20;
  margin: 30px 0 10px;
}
.main-light .categories-page .categories-list {
  margin: 0 -0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .categories-page .categories-list li {
  width: 25%;
  padding: 0.6%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 14.375rem;
}
.main-light .categories-page .categories-list li:focus {
  outline: none;
}
.main-light .categories-page .categories-list li .single-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.main-light .categories-page .categories-list li .single-list:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.main-light .categories-page .categories-list li .single-list h5 {
  font-size: 1.5625rem;
  color: #fff;
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.main-light {
}
.main-light .genre-view .genre-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.1875rem;
}
.main-light .genre-view .genre-header h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #2d2d2d;
}
.main-light .genre-view .genre-header .select {
  margin-left: auto;
  font-size: 0.8125rem;
  color: #777777;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
}
.main-light .genre-view .genre-header .select select {
  height: 1.8125rem;
  width: 4.9375rem;
  border: 1px solid #9d9d9d;
  padding: 0 0.3125rem;
  margin-left: 0.5rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Notosans";
  color: #363636;
  font-size: 0.75rem;
}
.main-light .genre-view .genre-header .heading {
  margin-top: 1.875rem;
}
.main-light .genre-view .genre-header .heading h3 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  color: #424242;
}
.main-light .genre-view .genre-header .heading.search-title {
  padding: 0 0 10px;
  position: relative;
  width: 100%;
}
.main-light .genre-view .genre-header .heading.search-title h3 {
  font-size: 1.5rem;
  padding-right: 3.125rem;
}
.main-light .genre-view .genre-header .heading.search-title .search_close {
  position: absolute;
  right: 0;
  top: -10px;
  width: 2.8rem;
  height: 2.8rem;
  background: #dedede;
  border-radius: 50%;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  transform-origin: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-light .genre-view .genre-header .heading.search-title .search_close:hover {
  background: #d0d0d0;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-light .genre-view .genre-header .heading.search-title .search_close .close {
  width: 1rem;
  height: 1rem;
}
.main-light .genre-view .genre-list {
  margin-bottom: 3.75rem;
}
.main-light .genre-view .genre-list .genre-videos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.main-light .genre-view .genre-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 15px 0 0;
  padding: 0 15px;
  width: 20%;
}
.main-light .genre-view .genre-list .slider-item,
.main-light .genre-view .genre-list .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .genre-view .genre-list .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .genre-view .genre-list .item {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-light .genre-view .genre-list .slider-item:hover,
.main-light .genre-view .genre-list .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .genre-view .genre-list .item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .genre-view .genre-list .item:hover {
  z-index: 1;
}
.main-light .genre-view .genre-list .slider-item .slider-img,
.main-light .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-img,
.main-light .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-img,
.main-dark .profile-page .profile-right .history .history-container .main-light .genre-view .genre-list .item .slider-img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  position: relative;
}
.main-light .genre-view .genre-list .slider-item .slider-content span,
.main-light .genre-view .genre-list .profile-page .profile-right .history .history-container .item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .genre-view .genre-list .item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .main-light .genre-view .genre-list .item .slider-content span {
  font-family: "Notosans";
}
.main-light {
}
.main-light .category-view {
  margin: 1.875rem 0;
}
.main-light .category-view h3 {
  text-transform: capitalize;
  font-size: 1.5625rem;
  font-family: "Notosans-bold";
  color: #232323;
}
.main-light .category-view .small-vplay {
  padding-top: 0;
}
.main-light {
}
.main-light .list-view {
  position: relative;
  margin: 1.875rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .list-view .right-side {
  width: 100%;
  margin-bottom: 2rem;
}
.main-light .list-view .genre-view .genre-list .item {
  width: 19%;
}
.main-light .list-view .filter-icon {
  display: none;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #f16c1f;
  border-radius: 50%;
  box-shadow: 1px 3px 7px 0 #ffd54f;
  cursor: pointer;
}
.main-light .list-view .filter-icon svg {
  width: 25px;
  height: 25px;
}
.main-light .list-view aside {
  width: 17%;
  position: absolute;
  left: 0;
  top: 20px;
  margin-bottom: 40px;
}
.main-light .list-view aside.fixed {
  position: fixed;
  left: 2%;
  top: 100px;
  transition: top ease 0.5s;
}
.main-light .list-view aside.fixed.fixed-bottom {
  position: absolute;
  top: unset;
  left: 0;
  bottom: 0;
  transition: bottom ease 0.5s;
}
.main-light .list-view aside .filter-box.tags {
  border: 1px solid #e2e2e2;
  position: relative;
}
.main-light .list-view aside .filter-box {
  border: 1px solid #e2e2e2;
  border-top: 0;
  position: relative;
}
.main-light .list-view aside .accordion {
  background: none;
  padding: 1rem 1.25rem;
  font-family: "Notosans";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
.main-light .list-view aside .accordion .count {
  font-size: 0.75rem;
  color: #676767;
}
.main-light .list-view aside ul {
  padding-bottom: 0.625rem;
}
.main-light .list-view aside .filter-tag {
  background: none;
  padding: 0.875rem 1.25rem;
  font-family: "Notosans-medium";
  text-transform: capitalize;
  font-size: 0.875rem;
  color: rgba(112, 112, 112, 0.8);
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  text-transform: capitalize;
}
.main-light .list-view aside .filter-panel span {
  display: inline-block;
  background: #f1f1f1;
  font-size: 0.875rem;
  color: #707070;
  padding: 0.4375rem 0.875rem;
  margin: 0 0.625rem 0.625rem 0;
  border-radius: 2px;
}
.main-light .list-view aside .close-tag svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  margin-right: 5px;
}
.main-light .list-view aside .clear {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  font-size: 0.75rem;
  color: #a6a4a4;
  font-family: "Notosans";
  text-decoration: underline;
  cursor: pointer;
}
.main-light .list-view aside .down-arrow {
  position: absolute;
  right: 0.9375rem;
  top: 1.125rem;
  display: inline-block;
  z-index: -1;
}
.main-light .list-view aside .down-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
}
.main-light .list-view aside .down-arrow svg polygon {
  fill: #696969;
}
.main-light .list-view aside .panel {
  padding: 0 1.125rem 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-light .list-view aside .filter-panel {
  padding: 0 1.125rem 0.625rem;
  background-color: transparent;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-light .list-view aside {
}
.main-light .list-view aside .filter-check {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  padding: 0.625rem 0.3125rem 0.625rem 2.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  color: rgba(112, 112, 112, 0.8);
  font-family: "Notosans";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-light .list-view aside .filter-check:hover {
  background: #f0f0f0;
}
.main-light .list-view aside .v-count {
  font-size: 0.8125rem;
  color: #707070;
}
.main-light .list-view aside {
}
.main-light .list-view aside .filter-check input {
  position: absolute;
  top: 0.4375rem;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  border: 1px solid #818080;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-light .list-view aside .filter-check input:checked {
  background-color: #f16c1f;
  height: 16px;
  width: 16px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-light {
}
.main-light .contact-us .container {
  max-width: 1231px;
  padding: 0 15px;
  margin: auto;
  position: relative;
}
.main-light .contact-us .contact-us-content {
  font-family: "Notosans";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3.625em 0 1.625em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #2d2d2d;
}
.main-light .contact-us .contact-us-content .heading-name {
  font-size: 1.4375rem;
  color: #231f20;
  margin-bottom: 0.3em;
  font-family: "Notosans-bold";
}
.main-light .contact-us .contact-us-content h3.heading-name {
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  color: #2d2d2d;
}
.main-light .contact-us .contact-us-content p {
  color: #2d2d2d;
  font-size: 0.9375rem;
  margin-bottom: 2.278em;
}
.main-light .contact-us .contact-us-content p span {
  display: block;
}
.main-light .contact-us .contact-us-content input,
.main-light .contact-us .contact-us-content textarea {
  color: #252525;
  background: transparent;
  border: 1px solid #737272;
}
.main-light .contact-us .contact-us-content .left-side {
  max-width: 37.5rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin: auto;
}
.main-light .contact-us .contact-us-content .left-side .clearfix {
  margin: 0 -0.625em;
}
.main-light .contact-us .contact-us-content .left-side .one-set {
  width: 50%;
  padding: 0 0.625em;
  float: left;
}
.main-light .contact-us .contact-us-content .left-side .full-set {
  width: 100%;
}
.main-light .contact-us .contact-us-content .left-side textarea {
  resize: none;
}
.main-light .contact-us .contact-us-content .left-side .button {
  text-align: right;
}
.main-light .contact-us .contact-us-content .left-side .button .submit {
  text-align: center;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 3.313em;
  border: 0;
  font-family: "Notosans";
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 0.75em;
  padding: 0px 2em;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.main-light .contact-us .contact-us-content .left-side .button .submit:hover {
  background-position: right center;
  background-size: 500% auto;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.main-light .contact-us .contact-us-content .right-side {
  width: 37%;
  display: none;
}
.main-light .contact-us .contact-us-content .right-side .heading-name {
  margin-bottom: 0.6em;
}
.main-light .contact-us .contact-us-content address {
  margin: 0.4em 0 1.5em;
  font-size: 0.9375rem;
  color: #393939;
}
.main-light .contact-us agm-map {
  height: 21.25rem;
}
.main-light .form-control {
  margin-top: 0.9375rem;
  margin-bottom: 0.938em;
  text-align: left;
}
.main-light .form-control input,
.main-light .form-control select,
.main-light .form-control select.input-data,
.main-light .form-control select option,
.main-light .form-control textarea {
  font-size: 0.875rem;
}
.main-light .form-control input::-webkit-input-placeholder,
.main-light .form-control select::-webkit-input-placeholder,
.main-light .form-control select.input-data::-webkit-input-placeholder,
.main-light .form-control select option::-webkit-input-placeholder,
.main-light .form-control textarea::-webkit-input-placeholder {
  color: #979797;
}
.main-light .form-control input::-moz-placeholder,
.main-light .form-control select::-moz-placeholder,
.main-light .form-control select.input-data::-moz-placeholder,
.main-light .form-control select option::-moz-placeholder,
.main-light .form-control textarea::-moz-placeholder {
  color: #979797;
}
.main-light .form-control input:-ms-input-placeholder,
.main-light .form-control select:-ms-input-placeholder,
.main-light .form-control select.input-data:-ms-input-placeholder,
.main-light .form-control select option:-ms-input-placeholder,
.main-light .form-control textarea:-ms-input-placeholder {
  color: #979797;
}
.main-light .form-control input:-moz-placeholder,
.main-light .form-control select:-moz-placeholder,
.main-light .form-control select.input-data:-moz-placeholder,
.main-light .form-control select option:-moz-placeholder,
.main-light .form-control textarea:-moz-placeholder {
  color: #979797;
}
.main-light .form-control input,
.main-light .form-control select,
.main-light .form-control select.input-data,
.main-light .form-control select option,
.main-light .form-control textarea {
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.main-light .form-control select.input-data,
.main-light .form-control select option {
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  line-height: 22px;
}
.main-light .form-control .error {
  font-size: 0.75rem;
}
.main-light {
}
.main-light .video-detail-page .video-banner {
  position: relative;
  cursor: pointer;
}
.main-light .video-detail-page .video-player-outer {
  position: relative;
  max-height: 450px;
  width: 92.5%;
  margin: 0 auto;
}
.main-light .video-detail-page .video-player,
.main-light .video-detail-page .countdown-blk {
  position: relative;
  height: 450px;
  overflow: hidden;
}
.main-light .video-detail-page .countdown-blk {
  position: absolute;
  left: inherit;
  right: 10.9375rem;
  top: 0;
  margin: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.main-light .video-detail-page .countdown-blk .countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main-light .video-detail-page .countdown-blk .countdown div {
  border: 1px solid #a7a6a4;
  padding: 10px;
  background: rgba(58, 58, 58, 0.85);
  border-radius: 4px;
  opacity: 1;
  margin: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  margin-right: 15px;
}
.main-light .video-detail-page .countdown-blk .countdown div:last-child {
  margin-right: 0;
}
.main-light .video-detail-page .countdown-blk strong {
  font-size: 2.5rem;
  height: 3.75rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 2px;
  background: transparent;
  text-align: center;
}
.main-light .video-detail-page .countdown-blk .countdown span {
  display: block;
  padding: 10px;
  width: 4.6875rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-light .video-detail-page .video-player-bg {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
  width: 54.5%;
  height: 100%;
  max-height: 500px;
  left: auto;
  right: 0;
  top: 0;
}
.main-light .video-detail-page .video-player-center {
  max-width: 56.1875rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.main-light .video-detail-page .video-player-center.countdown-starts:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.main-light .video-detail-page .video-banner-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 31.25rem;
}
.main-light .video-detail-page .video-banner-img:before {
  content: "";
  background: rgba(0, 0, 0, 0.32);
  width: 100%;
  height: 100%;
  position: absolute;
}
.main-light .video-detail-page .play-icon {
  display: inline-block;
  margin-right: 15px;
  margin-top: 5px;
  background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
  background-size: contain;
  min-width: 4.375rem;
  height: 4.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.main-light .video-detail-page .video-content-blk {
  position: relative;
}
.main-light .video-detail-page .video-player:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-light .video-detail-page .video-bottom {
  color: #cacaca;
  width: 42%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0px 10px 0px 0;
  margin-left: 4%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
  transition: all cubic-bezier(0.4, 0, 1, 1) 0.5s;
}
.main-light .video-detail-page .video-bottom .back-to-history {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.main-light .video-detail-page .video-bottom .back-to-history svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-light .video-detail-page .video-bottom .mobile-category {
  display: none;
  color: rgba(0, 0, 0, 0.4);
  margin: 5px 0 0;
  width: 100%;
}
.main-light .video-detail-page .video-bottom .mobile-category .dot {
  width: 4px;
  height: 4px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin: 0 6px;
}
.main-light .video-detail-page .video-bottom .mobile-detail-info {
  display: none;
  margin: 16px 0 5px;
  width: 100%;
}
.main-light .video-detail-page .video-bottom .mobile-detail-info span i {
  color: #999999;
  margin-right: 12px;
}
.main-light .video-detail-page .video-bottom h2 {
  font-size: 34px;
  font-family: "Notosans-bold";
  color: #fff;
  max-height: 150px;
  overflow: hidden;
}
.main-light .video-detail-page .video-bottom h2 .live-now-tag,
.main-light .video-detail-page .video-bottom h2 .premium-tag {
  margin-right: 10px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 2px 4px;
  position: relative;
  top: -6px;
  line-height: 16px;
}
.main-light .video-detail-page .video-bottom h2 .premium-tag {
  margin: 0 10px;
}
.main-light .video-detail-page .video-bottom h2 .live-now-tag {
  color: #fff;
  background: rgb(93, 161, 38);
  background: -moz-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(93, 161, 38)), color-stop(100%, rgb(113, 207, 37)));
  background: -webkit-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -o-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background: -ms-linear-gradient(left, rgb(93, 161, 38) 0%, rgb(113, 207, 37) 100%);
  background:
    linear-gradient(
      to right,
      rgb(93, 161, 38) 0%,
      rgb(113, 207, 37) 100%);
  font-family: "Notosans-medium";
}
.main-light .video-detail-page .video-bottom h2 .premium-tag {
  color: #945d24;
  background: rgb(252, 189, 40);
  background: -moz-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(252, 189, 40)), color-stop(100%, rgb(255, 213, 69)));
  background: -webkit-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -o-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background: -ms-linear-gradient(left, rgb(252, 189, 40) 0%, rgb(255, 213, 69) 100%);
  background:
    linear-gradient(
      to right,
      rgb(252, 189, 40) 0%,
      rgb(255, 213, 69) 100%);
  font-family: "Notosans-bold";
}
.main-light .video-detail-page .video-bottom .overview {
  color: #cccccc;
  font-size: 16px;
  margin-top: 20px;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 25px;
  overflow: hidden;
  max-height: 100px;
  word-break: break-word;
  opacity: 0.8;
}
.main-light .video-detail-page .video-data-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .video-detail-page .video-data-info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 0.8125rem;
  margin-right: 1.875rem;
  color: #a2a2a2;
  position: relative;
}
.main-light .video-detail-page .video-data-info span:last-child:after {
  display: none;
}
.main-light .video-detail-page .video-data-info span:after {
  content: "";
  border-right: 1px solid #a2a2a2;
  position: absolute;
  top: 50%;
  right: -1.125rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.main-light .video-detail-page .video-data-info .schedule {
  background-image: url("./media/calender-A4USJDIO.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-light .video-detail-page .video-data-info .preview-icon {
  background-image: url("./media/eye-YA5A7TLL.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-light .video-detail-page .play-info {
  margin-top: 10px;
}
.main-light .video-detail-page .play-info .play-btn {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  border-radius: 3px;
  width: 6.25rem;
  position: relative;
  z-index: 1;
}
.main-light .video-detail-page .play-info .play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-light .video-detail-page .play-info .play-btn svg {
  margin-right: 10px;
  transition: all ease 0.4s;
}
.main-light .video-detail-page .play-info .play-btn:hover {
  color: #f16c1f;
}
.main-light .video-detail-page .play-info .play-btn:hover:before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-light .video-detail-page .play-info .play-btn:hover svg {
  transform: translateX(5px) scale(0.9);
  transition: all ease 0.4s;
}
.main-light .video-detail-page .play-info .play-btn:hover svg polygon {
  fill: #f16c1f;
}
.main-light .video-detail-page .play-info .get-premium-btn,
.main-light .video-detail-page .play-info .buy-video {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  border-radius: 2px;
  width: auto;
  border: 1px solid #f16c1f;
}
.main-light .video-detail-page .play-info .get-premium-btn:hover,
.main-light .video-detail-page .play-info .buy-video:hover {
  background: #f16c1f;
}
.main-light .video-detail-page .play-info .like:hover svg path,
.main-light .video-detail-page .play-info .liked:hover svg path {
  fill: #9e9e9e;
}
.main-light .video-detail-page .play-info .like.active svg path,
.main-light .video-detail-page .play-info .liked.active svg path {
  fill: #f16c1f;
}
.main-light .video-detail-page .play-info a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9rem;
  font-family: "Notosans";
  margin-right: 1.125rem;
  vertical-align: middle;
  cursor: pointer;
}
.main-light .video-detail-page .play-info .premium-or {
  margin-right: 1.125rem;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.6875rem;
}
.main-light .video-detail-page .play-info .like-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-light .video-detail-page .play-info .like-icon:hover path,
.main-light .video-detail-page .play-info .like-icon .active path {
  fill: #f16c1f;
}
.main-light .video-detail-page .play-info .dislike-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-light .video-detail-page .play-info .dislike-icon:hover path,
.main-light .video-detail-page .play-info .dislike-icon .active path {
  fill: #f16c1f;
}
.main-light .video-detail-page .user-options {
  padding: 0.625rem 0;
  display: inline-block;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  margin-top: 0px;
}
.main-light .video-detail-page .user-options .thumbs-up,
.main-light .video-detail-page .user-options .thumbs-down {
  display: none;
}
.main-light .video-detail-page .user-options a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-size: 0.875rem;
  font-family: "Notosans";
  letter-spacing: 0.5px;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0 1rem 0 0;
}
.main-light .video-detail-page .user-options a:last-child {
  padding-right: 0;
}
.main-light .video-detail-page .user-options a i {
  margin-right: 10px;
}
.main-light .video-detail-page .user-options a:hover {
  color: #ccc;
  transition: all 0.3s ease;
}
.main-light .video-detail-page .user-options a:hover i {
  transform: scale(0.9);
  transition: all 0.3s ease;
}
.main-light .video-detail-page .user-options a:last-child {
  margin-right: 0;
}
.main-light .video-detail-page .user-options .like,
.main-light .video-detail-page .user-options .liked {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-light .video-detail-page .user-options .like svg,
.main-light .video-detail-page .user-options .liked svg {
  width: 100%;
  height: 100%;
}
.main-light .video-detail-page .user-options .like {
  animation: like 0.3s ease 1;
}
@keyframes like {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.main-light .video-detail-page .user-options .like svg path {
  stroke: #ccc;
  stroke-width: 11px;
}
.main-light .video-detail-page .user-options .liked {
  background-image: url("./media/liked-BEYN2JYI.svg");
  background-repeat: no-repeat;
  background-size: contain;
  animation: liked 0.3s cubic-bezier(0.43, -0.6, 0.21, 3.73) 1;
}
@keyframes liked {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.main-light .video-detail-page .user-options .liked svg path {
  fill: #f16c1f;
}
.main-light .video-detail-page .user-options .like-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
}
.main-light .video-detail-page .user-options .dislike-icon {
  background-image: url("./media/thumbs-up-Z4T4I3IT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.main-light .video-detail-page .user-options .share-icon,
.main-light .video-detail-page .user-options .down-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-light .video-detail-page .user-options .share-icon svg,
.main-light .video-detail-page .user-options .down-icon svg {
  width: 100%;
  height: 100%;
}
.main-light .video-detail-page .user-options .download-pdf {
  color: #fff;
}
.main-light .video-detail-page .user-options .down-icon {
  fill: #fff;
}
.main-light .video-detail-page .user-options .playlist-icon {
  width: 22px;
  height: 17px;
  display: inline-block;
}
.main-light .video-detail-page .user-options .cmt-icon {
  width: 22px;
  height: 20px;
  display: inline-block;
}
.main-light .video-detail-page .video-con-right {
  margin-top: 15px;
}
.main-light .video-detail-page .video-con-right .video-casting-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.main-light .video-detail-page .video-con-right .video-casting-info .video_category_name p {
  margin-right: 10px;
}
.main-light .video-detail-page .video-con-right .video-casting-info .video_category_name p:last-child i {
  display: none;
}
.main-light .video-detail-page .video-con-right .video-casting-info .content-details {
  display: flex;
  margin-bottom: 5px;
}
.main-light .video-detail-page .video-con-right span {
  font-size: 0.9rem;
  font-family: "Notosans";
  display: inline-block;
  text-transform: capitalize;
  color: #858585;
  min-width: 5rem;
  margin-right: 0;
  margin-top: -4px;
}
.main-light .video-detail-page .video-con-right span:last-child i {
  display: none;
}
.main-light .video-detail-page .video-con-right p {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  vertical-align: middle;
  max-width: 85%;
}
.main-light .video-detail-page .video-con-right .starring-links a {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.0625rem;
  font-family: "Notosans";
  display: inline-block;
  cursor: pointer;
  color: #cacaca;
}
.main-light .video-detail-page .video-con-right .starring-links a:hover {
  color: #f16c1f;
}
.main-light .video-detail-page .video-con-right .content-details {
  min-width: 100%;
  margin-bottom: 0.9375rem;
  padding-right: 1.25rem;
}
.main-light .video-detail-page .video-con-right .content-details:last-child {
  flex: 1 100%;
}
.main-light .video-detail-page .related-videos h6 {
  font-size: 1.3125rem;
  font-family: #fff;
  color: #231f20;
}
.main-light .video-detail-page .related-videos .small-vplay {
  margin-top: 0;
  padding-top: 0;
}
.main-light .video-detail-page .related-videos .slider-item,
.main-light .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item,
.main-dark .profile-page .profile-right .history .history-container .main-light .video-detail-page .related-videos .item {
  border-radius: 3px;
  overflow: hidden;
}
.main-light .video-detail-page .related-videos .slider-content h3 {
  font-size: 17px !important;
  font-family: "Notosans-medium";
  color: #2d2d2d;
}
.main-light .video-detail-page .related-videos .slider-content .category-text {
  font-size: 0.78125rem;
}
.main-light .video-detail-page .see-more-blk {
  text-align: center;
  margin: 1.25rem 0;
}
.main-light .video-detail-page .see-more-blk .see-more {
  font-size: 0.875rem;
  padding: 0.8125rem 0.9375rem;
  text-transform: uppercase;
  width: 10rem;
  font-family: "Notosans";
}
.main-light .video-detail-page .restriction-message {
  margin: 0.625rem 0px 0px 0px;
  font-size: 14px;
  line-height: 1.375rem;
  font-weight: 600;
  color: #e62627;
  display: inline-block;
}
.main-light .related-videos-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .vplay-cmts-outer {
  width: 62%;
  margin: auto;
}
.main-light .vplay-comments {
  padding: 1.25rem 0;
}
.main-light .vplay-comments h6 {
  font-size: 0.84375rem;
  font-family: "Notosans-black";
  color: #231f20;
  text-transform: uppercase;
}
.main-light .vplay-comments h6 span {
  display: none;
}
.main-light .vplay-comments .cmt-count {
  color: #fff;
  font-family: "Notosans";
  background: #f16c1f;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 12px;
  font-size: 0.9375rem;
  margin-right: 20px;
}
.main-light .vplay-comments .prof-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  vertical-align: top;
}
.main-light .vplay-comments .load-more {
  font-size: 0.9375rem;
  font-family: "Notosans";
  padding: 10px 20px;
  width: 100px;
  cursor: pointer;
}
.main-light .vplay-comments .vplay-cmt-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2.1875rem;
}
.main-light .vplay-comments .vplay-cmt-input .width-100 {
  width: 100%;
}
.main-light .vplay-comments .vplay-cmt-input .comments-input {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .vplay-comments .vplay-cmt-input .repeat-comment {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied {
  width: 100%;
  padding-left: 13%;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  width: 85%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
  width: 3.375rem;
  height: 3.375rem;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-box {
  margin-left: 1.25rem;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-name {
  font-size: 0.75rem;
  margin-left: 0;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-text {
  background: transparent;
  border-bottom: 1px solid #3e3e3e;
  border-radius: 0;
  padding-left: 0;
  padding: 20px 0;
  height: 56px;
}
.main-light .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .cmt-submit {
  margin-top: 0.625rem;
}
.main-light .vplay-comments .cmt-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 1.75rem;
  width: 86.5%;
  position: relative;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-light .vplay-comments .hrs-ago {
  color: #575757;
  font-size: 0.8125rem;
  margin-left: 0.9375rem;
  font-family: "Notosans-medium";
  letter-spacing: 0;
  text-transform: lowercase;
}
.main-light .vplay-comments .cmt-name {
  font-size: 0.84375rem;
  font-family: "Notosans-black";
  letter-spacing: 0.5px;
  color: #242424;
  text-transform: capitalize;
}
.main-light .vplay-comments .cmt-name + .cmt-text {
  margin-top: 1.5625rem;
}
.main-light .vplay-comments .cmt-text {
  height: 4.6875rem;
  padding: 1.5625rem 2.125rem;
  border-radius: 0.375rem;
  border: 0;
  color: #4d4d4d;
  background: #f0f0f0;
  font-size: 1rem;
  margin-top: 0rem;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
  resize: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.main-light .vplay-comments .cmt-text:focus {
  outline: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  background: #dedede;
}
.main-light .vplay-comments .cmt-para {
  color: #4d4d4d;
  font-size: 0.9375rem;
  margin-top: 0.625rem;
  font-family: "Notosans-medium";
  line-height: 1.25rem;
  letter-spacing: 0.2px;
  word-break: break-word;
}
.main-light .vplay-comments .cmt-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 112px;
  border: 0;
  cursor: pointer;
  margin-top: 2.125rem;
  line-height: 1.125rem;
}
.main-light .vplay-comments .reply-actions {
  margin: 0.9375rem 0 0 0;
  font-size: 0.875rem;
  font-family: "Notosans-bold";
  color: #434343;
  color: #434343;
}
.main-light .vplay-comments .view-reply {
  margin-right: 2.5rem;
  cursor: pointer;
}
.main-light .vplay-comments .view-reply .uparrow-icon {
  background: url("./media/right-arrow-PBDN2MRT.svg") no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(90deg);
  transition: 0.3s transform ease-in;
}
.main-light .vplay-comments .view-reply .uparrow-icon.move-down {
  transform: rotate(270deg);
  transition: 0.3s transform ease-out;
}
.main-light .vplay-comments .cmt-reply {
  cursor: pointer;
}
.main-light {
}
.main-light .profile-page {
  padding: 2.5rem 0;
  position: relative;
}
.main-light .profile-page .container {
  position: relative;
}
.main-light .profile-page aside {
  position: relative;
  width: 18%;
  margin-bottom: 50px;
  display: inline-block;
  background: #f3f3f3;
  color: #424242;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.main-light .profile-page aside .toggle-for-mobile {
  display: none;
}
.main-light .profile-page .vplay-profile-menu {
  padding: 0.3125rem 0;
}
.main-light .profile-page .vplay-profile-menu.for-mobile {
  display: none !important;
}
.main-light .profile-page .vplay-profile-menu li {
  padding: 0.75rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-light .profile-page .vplay-profile-menu li span {
  font-size: 0.875rem;
}
.main-light .profile-page .vplay-profile-menu li:focus {
  outline: none;
}
.main-light .profile-page .vplay-profile-menu li.active,
.main-light .profile-page .vplay-profile-menu li:hover {
  color: #f16c1f;
}
.main-light .profile-page .vplay-profile-menu li.active .sidebar-icon .dark-theme-icon,
.main-light .profile-page .vplay-profile-menu li.active .sidebar-icon .light-theme-icon,
.main-light .profile-page .vplay-profile-menu li:hover .sidebar-icon .dark-theme-icon,
.main-light .profile-page .vplay-profile-menu li:hover .sidebar-icon .light-theme-icon {
  display: none;
}
.main-light .profile-page .vplay-profile-menu li.active .sidebar-icon .active-theme-icon,
.main-light .profile-page .vplay-profile-menu li:hover .sidebar-icon .active-theme-icon {
  display: block;
}
.main-light .profile-page .vplay-profile-menu li:active:before,
.main-light .profile-page .vplay-profile-menu li:hover:before,
.main-light .profile-page .vplay-profile-menu li.active:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: 10%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.2s;
}
.main-light .profile-page .vplay-profile-menu li:before {
  content: "";
  width: 3px;
  height: 80%;
  background: #f16c1f;
  position: absolute;
  top: -100%;
  left: 0;
  border-radius: 20%;
  transition: top ease-in 0.1s;
}
.main-light .profile-page .vplay-profile-menu a {
  padding: 0.625rem 1.375rem;
  font-family: "Notosans";
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.main-light .profile-page .vplay-profile-menu a:focus {
  outline: none;
}
.main-light .profile-page .vplay-profile-menu a.active,
.main-light .profile-page .vplay-profile-menu a:hover {
  color: #fa5013;
}
.main-light .profile-page .vplay-profile-menu a.active .account_ic,
.main-light .profile-page .vplay-profile-menu a:hover .account_ic {
  background-image: url("./media/account-active-KTNDXTTA.svg");
}
.main-light .profile-page .vplay-profile-menu a.active .profile,
.main-light .profile-page .vplay-profile-menu a:hover .profile {
  background-position: 0 -25px;
}
.main-light .profile-page .vplay-profile-menu a.active .favourite,
.main-light .profile-page .vplay-profile-menu a:hover .favourite {
  background-position: -24px -27px;
}
.main-light .profile-page .vplay-profile-menu a.active .playlist,
.main-light .profile-page .vplay-profile-menu a:hover .playlist {
  background-position: -49px -26px;
}
.main-light .profile-page .vplay-profile-menu a.active .history,
.main-light .profile-page .vplay-profile-menu a:hover .history {
  background-position: -71px -27px;
}
.main-light .profile-page .vplay-profile-menu a.active .transaction,
.main-light .profile-page .vplay-profile-menu a:hover .transaction {
  background-position: -94px -26px;
}
.main-light .profile-page .vplay-profile-menu a.active .password,
.main-light .profile-page .vplay-profile-menu a:hover .password {
  background-position: -122px -26px;
}
.main-light .profile-page .vplay-profile-menu a.active .saved-card,
.main-light .profile-page .vplay-profile-menu a:hover .saved-card {
  background-position: -88px -178px;
}
.main-light .profile-page .vplay-profile-menu a.active .setting,
.main-light .profile-page .vplay-profile-menu a:hover .setting {
  background-position: -169px -26px;
}
.main-light .profile-page .vplay-profile-menu i {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 1.5625rem;
  vertical-align: middle;
}
.main-light .profile-page .vplay-profile-menu i img {
  max-width: 100%;
}
.main-light .profile-page .vplay-profile-menu .active-theme-icon {
  display: none;
}
.main-light .profile-page .profile-right {
  width: 80%;
  margin-left: 2%;
  margin-bottom: 3.125rem;
  display: inline-block;
  vertical-align: top;
  color: #424242;
}
.main-light .profile-page .profile-right .intl-tel-input .selected-flag {
  outline: none;
}
.main-light .profile-page .profile-right .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background: transparent;
}
.main-light .profile-page .profile-right .intl-tel-input .country-list {
  font-size: 0.875rem;
}
.main-light .profile-page .profile-right .intl-tel-input .country-list li.country {
  padding: 0.4375rem 0.9375rem;
}
.main-light .profile-page .profile-right .intl-tel-input .country-list li.country .flag-box {
  margin-right: 0.625rem;
}
.main-light .profile-page .profile-right h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
}
.main-light .profile-page .profile-right .edit-profile-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .profile-page .profile-right .v-user {
  position: relative;
  padding: 0.625rem;
  margin-right: 2.5rem;
  display: inline-block;
}
.main-light .profile-page .profile-right .v-user .v-user-image {
  max-width: 70%;
}
.main-light .profile-page .profile-right .user-img {
  position: relative;
  width: 9.0625rem;
  height: 9.0625rem;
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-light .profile-page .profile-right .user-img input {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  opacity: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main-light .profile-page .profile-right .user-img > span {
  position: absolute;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.9375rem;
  padding: 0.375rem;
  cursor: pointer;
  transition: bottom ease 0.3s;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .user-img .load-more-blk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(58, 51, 51, 0.84);
}
.main-light .profile-page .profile-right .user-note {
  color: #9c9c9c;
  font-size: 0.875rem;
  width: 70%;
  font-family: "Notosans";
  margin-top: 5px;
  text-align: center;
}
.main-light .profile-page .profile-right .v-user-detail {
  margin-left: 0.9375rem;
  display: block;
  width: 49%;
}
.main-light .profile-page .profile-right .v-user-detail h3 {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "Notosans-medium";
}
.main-light .profile-page .profile-right .v-user-detail label {
  font-size: 0.75rem;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .v-user-detail span {
  color: #ff7b0a;
  cursor: pointer;
}
.main-light .profile-page .profile-right .profile-dashboard .my-profile-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-profile {
  width: 100%;
  max-width: 50%;
  border-radius: 4px;
  padding: 1.25rem 1.25rem 1.5625rem 1.5625rem;
  margin-right: 1.25rem;
  position: relative;
  border: 1px solid #14253d;
  border-radius: 4px;
  background: #14253d;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer {
  width: 36%;
  margin-left: 2%;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  overflow: hidden;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan svg {
  position: absolute;
  left: -10px;
  top: 0;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-left h6 {
  color: #7d8d9c;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:before {
  background: #7d8d9c;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.silver-pack .sub-plan-right:after {
  background: url("./media/silver-HWIOQ72K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-left h6 {
  color: #f5882a;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:before {
  background: #f38a31;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.gold-pack .sub-plan-right:after {
  background: url("./media/gold-WXS72RMY.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-left h6 {
  color: #3d669d;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:before {
  background: #3d669d;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan.platinum-pack .sub-plan-right:after {
  background: url("./media/platinum-TOVPEAEL.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left {
  padding: 1.375rem 0.625rem;
  width: 50%;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left h6 {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-left p {
  color: #585858;
  font-size: 0.9375rem;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right {
  position: relative;
  padding: 0.625rem;
  padding-left: 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: -1;
  transform: skew(-30deg);
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -60px;
  top: 0;
  z-index: 0;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right p {
  color: #fff;
  font-size: 0.9375rem;
  margin-bottom: 5px;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right span {
  color: #fff;
  font-size: 2rem;
  font-family: "Notosans-medium";
  margin-bottom: 5px;
}
.main-light .profile-page .profile-right .profile-dashboard .sub-plan-outer .sub-plan-right a {
  font-size: 0.75rem;
  font-family: "Notosans-medium";
  text-decoration: underline;
  text-transform: uppercase;
  color: #fcd487;
}
.main-light .profile-page .profile-right .profile-dashboard .user-img {
  position: relative;
  width: 6.875rem;
  height: 6.875rem;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
}
.main-light .profile-page .profile-right .profile-dashboard .user-profile-data {
  margin-left: 1.5625rem;
  flex: 1;
  width: 50%;
}
.main-light .profile-page .profile-right .profile-dashboard .user-profile-data h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .profile-page .profile-right .profile-dashboard .user-profile-data h4 i {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: middle;
}
.main-light .profile-page .profile-right .profile-dashboard .user-profile-data h4 i svg {
  width: 100%;
  height: 100%;
  fill: #a0a0a0;
}
.main-light .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
  display: inline-block;
  vertical-align: middle;
  color: #606060;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-all;
}
.main-light .profile-page .profile-right .profile-dashboard .edit-data {
  color: #606060;
  font-size: 0.875rem;
  font-family: "Notosans";
  cursor: pointer;
  margin-left: auto;
}
.main-light .profile-page .profile-right .profile-dashboard .edit-data i,
.main-light .profile-page .profile-right .profile-dashboard .edit-data svg {
  display: inline-block;
  vertical-align: middle;
}
.main-light .profile-page .profile-right .profile-dashboard .edit-data i {
  margin-right: 0.3125rem;
}
.main-light .profile-page .profile-right .profile-dashboard .edit-data svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.25rem;
}
.main-light .profile-page .profile-right .profile-dashboard h3 {
  color: #696969;
  font-size: 1.375rem;
  word-break: break-all;
}
.main-light .profile-page .profile-right .profile-dashboard label {
  font-size: 0.75rem;
  font-family: "Notosans";
  padding: 0.4375rem 0 0.4375rem;
  display: inline-block;
  cursor: pointer;
}
.main-light .profile-page .profile-right .profile-dashboard label span {
  text-transform: uppercase;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  letter-spacing: 0.3px;
  display: inline-block;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  line-height: 1.15rem;
}
.main-light .profile-page .profile-right .profile-dashboard h4 {
  font-size: 0.875rem;
  font-family: "Notosans";
  padding: 0.4375rem 0;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.5625rem;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.375rem 0.9375rem 1.375rem 1.8125rem;
  margin: 0 5px 15px 5px;
  border: 1px solid rgba(204, 204, 204, 0.45);
  border-radius: 4px;
  width: 100%;
  max-width: 48%;
  background: transparent;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-card i {
  width: 1.75rem;
  height: 1.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: 50%;
  margin-right: 1.5625rem;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-card i svg {
  width: 100%;
  height: 100%;
  fill: #3e3e3e;
}
.main-light .profile-page .profile-right .profile-dashboard .data-stats {
  cursor: pointer;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
  word-break: break-all;
}
.main-light .profile-page .profile-right .profile-dashboard .data-stats span {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.main-light .profile-page .profile-right .profile-dashboard .data-stats p {
  font-size: 0.875rem;
  color: #707070;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
  margin: 0 -0.625rem;
}
.main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: top;
}
.main-light .profile-page .profile-right .settings h2 {
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 18px;
}
.main-light .profile-page .profile-right .settings > span {
  font-size: 1.0625rem;
  font-family: "Notosans-bold";
  display: inline-block;
  margin-bottom: 0.4375rem;
}
.main-light .profile-page .profile-right .settings .toggle-answer {
  display: inline-block;
  margin-right: 10px;
}
.main-light .profile-page .profile-right .settings .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  vertical-align: middle;
}
.main-light .profile-page .profile-right .settings .switch input {
  display: none;
}
.main-light .profile-page .profile-right .settings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-light .profile-page .profile-right .settings .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-light .profile-page .profile-right .settings input:checked + .slider {
  background-color: #f16c1f;
}
.main-light .profile-page .profile-right .settings input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.main-light .profile-page .profile-right .settings input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.main-light .profile-page .profile-right .settings {
}
.main-light .profile-page .profile-right .settings .slider.round {
  border-radius: 34px;
}
.main-light .profile-page .profile-right .settings .slider.round:before {
  border-radius: 50%;
}
.main-light .profile-page .profile-right .settings .setting-block {
  margin-bottom: 1.5625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #ccc;
}
.main-light .profile-page .profile-right .settings .setting-block:last-child {
  border-bottom: 0;
}
.main-light .profile-page .profile-right .settings .setting-block select {
  padding: 5px;
  border-radius: 3px;
  width: 200px;
  background: #fff;
}
.main-light .profile-page .profile-right .settings .cancel-subs button {
  padding: 0.7375rem 1.25rem;
  width: auto;
  font-family: "Notosans";
  font-size: 0.9rem;
}
.main-light .profile-page .profile-right .settings li {
  padding: 0.75rem 0;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .settings label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-light .profile-page .profile-right .settings .checkbox {
  margin: 0 0.9375rem 0 0;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 2px solid #a8a8a8;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
.main-light .profile-page .profile-right .settings .checkbox:checked {
  background-color: #f16c1f;
  height: 17px;
  width: 17px;
  border: none;
  background-image: url("./media/checked-I4AFGK4W.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 11px;
  background-position: center;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  animation: check 0.3s 1;
}
@keyframes check {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .cancel-subs-popup {
  width: 100%;
  max-width: 25.5rem;
  padding: 1.875rem;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  background: #fff;
  border-radius: 5px;
}
.main-light .profile-page .profile-right .cancel-subs-popup.open {
  visibility: visible;
  opacity: 1;
}
.main-light .profile-page .profile-right .cancel-subs-popup span {
  color: #4f4f4f;
  font-size: 1rem;
  display: block;
}
.main-light .profile-page .profile-right .cancel-subs-popup .cancel-action-btns {
  margin-top: 1.875rem;
}
.main-light .profile-page .profile-right .cancel-subs-popup .cancel-action-btns .action-btn {
  width: 4.0625rem;
  height: 2.5rem;
  background: #f16c1f;
  color: #fff;
  display: inline-block;
  line-height: 2.5rem;
  border-radius: 3px;
  margin: 0 9px;
  text-transform: uppercase;
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .notifications .not-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 6.25rem 0.9375rem 2.5rem;
  background: #f2f1f1;
}
.main-light .profile-page .profile-right .notifications h2 {
  font-size: 0.875rem;
  font-family: "Notosans";
  margin-bottom: 0;
}
.main-light .profile-page .profile-right .notifications select {
  height: 20px;
  width: 6.25rem;
  border-radius: 4px;
  background: transparent;
}
.main-light .profile-page .profile-right .notifications .not-box {
  padding: 0.625rem 6.25rem 0.625rem 2.5rem;
  border: 1px solid #ecebeb;
  border-top: 0;
}
.main-light .profile-page .profile-right .notifications p {
  color: #626262;
  font-size: 0.8125rem;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .notifications span {
  font-size: 0.6875rem;
  color: #858585;
}
.main-light .profile-page .profile-right .notifications span strong {
  font-family: "Notosans-bold";
  color: #575757;
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .saved-card-page .owl-stage-outer {
  padding-bottom: 20px;
}
.main-light .profile-page .profile-right .saved-card-page .owl-dots {
  text-align: center;
}
.main-light .profile-page .profile-right .saved-card-page .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background: #f16c1f;
  opacity: 0.5;
  margin-right: 10px;
}
.main-light .profile-page .profile-right .saved-card-page .owl-dot.active {
  opacity: 1;
}
.main-light .profile-page .profile-right .saved-card-page .saved-card-slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .profile-page .profile-right .saved-card-page .added-card {
  position: relative;
  padding: 0.9375rem;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0.375rem;
  display: inline-block;
  width: 32.3%;
  margin: 0.5%;
  color: #424242;
  font-family: "Notosans";
  cursor: pointer;
}
.main-light .profile-page .profile-right .saved-card-page .added-card label {
  font-size: 0.625rem;
  text-transform: uppercase;
}
.main-light .profile-page .profile-right .saved-card-page .added-card p {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-light .profile-page .profile-right .saved-card-page .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-light .profile-page .profile-right .saved-card-page .added-card .card-inner-set.last {
  margin-bottom: 0.625rem;
}
.main-light .profile-page .profile-right .saved-card-page .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 15px;
}
.main-light .profile-page .profile-right .saved-card-page .added-card .delete {
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 30px;
  cursor: pointer;
}
.main-light .profile-page .profile-right .saved-card-page .added-card .delete svg path {
  fill: #8b8b8b;
}
.main-light .profile-page .profile-right .saved-card-page .add-new-card {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 32.3%;
  height: 11.875rem;
  margin: 0.5%;
  border: 1px solid rgba(204, 204, 204, 0.45);
  background: transparent;
  border-radius: 0.375rem;
  cursor: pointer;
}
.main-light .profile-page .profile-right .saved-card-page .add-new-card span {
  color: #363636;
  font-size: 1.125rem;
  font-family: "Notosans";
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .addnew-card-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  width: 100%;
}
.main-light .profile-page .profile-right .addnew-card-popup.open {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.5s;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card {
  width: 90%;
  max-width: 29.6875rem;
  margin: 0 auto;
  position: relative;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 0.9375rem 0 3.125rem;
  overflow: hidden;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form {
  width: 100%;
  height: 100%;
  padding: 0.9375rem 1.5625rem;
  text-align: left;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group {
  margin-bottom: 5px;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group label {
  display: block;
  text-transform: uppercase;
  color: #898989;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input {
  font-size: 1rem;
  height: 3rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5rem 0.625rem;
  color: #424242 !important;
  width: 100%;
  margin-top: 10px;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-webkit-input-placeholder {
  color: #a6a6a6;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input::-moz-placeholder {
  color: #a6a6a6;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-ms-input-placeholder {
  color: #a6a6a6;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-moz-placeholder {
  color: #a6a6a6;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:hover,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:hover,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group select:-webkit-autofill:focus {
  -webkit-text-fill-color: #424242;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date {
  margin: 1.5625rem 0 0.9375rem;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .card_input_group.expiry-date .card-input {
  max-width: 6.875rem;
  display: block;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form button.org-btn,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .change-password button.cancel-btn,
.main-light .profile-page .profile-right .change-password .addnew-card-popup .addnew-card form button.cancel-btn,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .profile-form button.cancel-btn,
.main-light .profile-page .profile-right .profile-form .addnew-card-popup .addnew-card form button.cancel-btn,
.main-dark .video-detail-page .see-more-blk .main-light .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-dark .vplay-comments .main-light .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .video-detail-page .see-more-blk button.see-more,
.main-light .video-detail-page .see-more-blk .profile-page .profile-right .addnew-card-popup .addnew-card form button.see-more,
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card form .vplay-comments button.load-more,
.main-light .vplay-comments .profile-page .profile-right .addnew-card-popup .addnew-card form button.load-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.main-light .profile-page .profile-right .addnew-card-popup .addnew-card .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .save-playlist .save-playlist-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.625rem 0;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item {
  width: 24%;
  margin: 0.8% 0.5%;
  cursor: pointer;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist-num {
  padding-bottom: 0;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-overlay .count-playlist svg {
  height: 28px;
  width: 22px;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .playlist-img {
  height: 7rem;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-content {
  height: 2.1875rem;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-content p {
  color: #000;
  font-size: 0.75rem;
}
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .added,
.main-light .profile-page .profile-right .save-playlist .playlist-item .play-content .add-playlist .add {
  height: 28px;
  width: 22px;
  transform: scale(1);
  transition: 0.4s ease all;
}
.main-light .profile-page .profile-right {
}
.main-light .profile-page .profile-right .history .profile-tittle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.main-light .profile-page .profile-right .history .profile-tittle h2 {
  margin-bottom: 0;
}
.main-light .profile-page .profile-right .history .profile-tittle.pl-date-blk {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.main-light .profile-page .profile-right .history .profile-tittle.pl-date-blk .playlist-date {
  font-size: 0.875rem;
  color: #888585;
  font-family: "Notosans";
  margin-top: 5px;
}
.main-light .profile-page .profile-right .history .profile-tittle .clear {
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
  background: #f16c1f;
  font-family: "Notosans";
  padding: 5px 10px;
  border-radius: 15px;
  cursor: pointer;
}
.main-light .profile-page .profile-right .history .history-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .profile-page .profile-right .history .history-container .item {
  width: 23.8%;
  margin: 0% 0% 1.5% 1%;
  border-radius: 5px;
  overflow: hidden;
  transform: scale(1);
  transition: ease 0.4s all;
  z-index: 0;
}
.main-light .profile-page .profile-right .history .history-container .item .video-option-list {
  width: 10rem;
}
.main-light .profile-page .profile-right .history .history-container .item .slider-item,
.main-light .profile-page .profile-right .history .history-container .item .item {
  width: 100%;
  height: 100%;
}
.main-light .profile-page .profile-right .history .history-container .item:hover {
  transform: scale(1.1);
  transition: ease 0.4s all;
}
.main-light .profile-page .profile-right .history .history-container .item:hover .delete {
  transform: rotate(45deg) translate(25px, -30px);
  transition: transform ease 0.3s;
}
.main-light .profile-page .profile-right .history .history-container .item:hover .play-video {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  transition: ease 0.3s all;
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  -ms-transition: ease 0.3s all;
}
.main-light .profile-page .profile-right .history .history-container .item .delete {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  width: 100px;
  height: 28px;
  transform: rotate(45deg) translate(25px, -60px);
  position: absolute;
  right: 0;
  top: 0;
  transition: transform ease 0.3s;
}
.main-light .profile-page .profile-right .history .history-container .item .delete svg {
  width: 9px;
  height: 9px;
  margin-top: 3px;
  display: inline-block;
  transform: rotate(45deg);
}
.main-light .profile-page .profile-right .transaction {
  font-family: "Notosans";
  font-size: 0.9375rem;
  color: #4e4e4e;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table th:nth-child(2) {
  text-align: left;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table td:nth-child(2) {
  text-align: left;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table .album-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table .album-name:hover {
  color: #f16c1f;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table .album-name .album-img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin-right: 0.9375rem;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table .views_warning {
  color: #fb4444;
}
.main-light .profile-page .profile-right .transaction.purchased_videos table .re-order {
  background: #27cbf1;
  padding: 0.375rem 0.75rem;
  color: #fff;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
.main-light .profile-page .profile-right .transaction .trans-date {
  font-size: 12px;
  color: #9a9a9a;
  margin-left: 10px;
}
.main-light .profile-page .profile-right .transaction table {
  text-align: center;
  width: 100%;
}
.main-light .profile-page .profile-right .transaction table thead th {
  padding: 0.625rem;
  background-color: #14253d;
}
.main-light .profile-page .profile-right .transaction table tbody tr {
  border-bottom: 1px solid #ccc;
}
.main-light .profile-page .profile-right .transaction table tbody tr:last-child {
  border-bottom: none;
}
.main-light .profile-page .profile-right .transaction table tbody td {
  padding: 0.9375rem 0.3125rem;
  vertical-align: middle;
}
.main-light .profile-page .profile-right .transaction table tbody td.video-name {
  max-width: 275px;
  cursor: pointer;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-light .profile-page .profile-right .transaction table tbody td.video-name:hover {
  color: #f16c1f;
}
.main-light .profile-page .profile-right .transaction table tbody td input[type=text] {
  height: 1.6875rem;
  border: 1px solid #979797;
  width: 70%;
  border-radius: 5px;
  padding-left: 0.5rem;
}
.main-light .profile-page .profile-right .transaction table tbody td .sprite-table {
  background: #f3f3f3 url("./media/sprite-RXTZEBSA.png") no-repeat;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 2px 5px 0 5px;
}
.main-light .profile-page .profile-right .transaction table tbody td .table-refrsh {
  background-position: -264px 1px;
  cursor: pointer;
}
.main-light .profile-page .profile-right .transaction table tbody td .table-search {
  background-position: -240px 0px;
  cursor: pointer;
}
.main-light .profile-page .profile-right .transaction table tbody td .delete {
  background-position: -221px -5px;
  background-color: transparent;
  width: 13px;
  height: 15px;
  cursor: pointer;
}
.main-light .profile-page .profile-right .transaction .t-foot {
  padding: 1.5625rem 2.1875rem;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .profile-page .profile-right .transaction .t-foot select {
  padding: 0 0.3125rem;
  border-radius: 4px;
  margin: 0 0.9375rem;
  height: 28px;
  outline: 0;
  font-size: 0.6875rem;
  color: #313131;
}
.main-light .profile-page .profile-right .change-password form,
.main-light .profile-page .profile-right .profile-form form {
  padding-top: 0.625rem;
  width: 28.4375rem;
  position: relative;
}
.main-light .profile-page .profile-right .change-password .intl-tel-input .country-list,
.main-light .profile-page .profile-right .profile-form .intl-tel-input .country-list {
  top: 3.75rem;
}
.main-light .profile-page .profile-right .change-password .input-group,
.main-light .profile-page .profile-right .profile-form .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 2.875rem;
}
.main-light .profile-page .profile-right .change-password .input-group.email-disabled > label,
.main-light .profile-page .profile-right .profile-form .input-group.email-disabled > label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-light .profile-page .profile-right .change-password .input-group.mobile-number,
.main-light .profile-page .profile-right .profile-form .input-group.mobile-number {
  z-index: 3;
}
.main-light .profile-page .profile-right .change-password .input-group.mobile-number .intl-tel-input,
.main-light .profile-page .profile-right .profile-form .input-group.mobile-number .intl-tel-input {
  vertical-align: middle;
  z-index: 0;
  height: 100%;
  border-right: 1px solid #737373;
  width: 48px;
  position: absolute;
  left: 0;
}
.main-light .profile-page .profile-right .change-password .input-group.mobile-number .flag-container,
.main-light .profile-page .profile-right .profile-form .input-group.mobile-number .flag-container {
  outline: none;
}
.main-light .profile-page .profile-right .change-password .input-group.mobile-number .country-code,
.main-light .profile-page .profile-right .profile-form .input-group.mobile-number .country-code {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Notosans";
}
.main-light .profile-page .profile-right .change-password .input-group > .input-box:focus ~ label,
.main-light .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:focus ~ label,
.main-light .profile-page .profile-right .profile-form .input-group > .input-box:focus ~ label,
.main-light .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:focus ~ label {
  left: 5px;
  top: 9px;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-light .profile-page .profile-right .change-password .input-group > .input-box:not(focus):valid ~ label,
.main-light .profile-page .profile-right .change-password .input-group .ngx-datepicker-input:not(focus):valid ~ label,
.main-light .profile-page .profile-right .profile-form .input-group > .input-box:not(focus):valid ~ label,
.main-light .profile-page .profile-right .profile-form .input-group .ngx-datepicker-input:not(focus):valid ~ label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
  transition: 0.4s ease all;
}
.main-light .profile-page .profile-right .change-password .input-group label,
.main-light .profile-page .profile-right .profile-form .input-group label {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #757574;
  background: #fff;
  font-family: "Notosans";
  z-index: 1;
  transition: 0.4s ease all;
  cursor: auto;
}
.main-light .profile-page .profile-right .change-password .input-group.date i,
.main-light .profile-page .profile-right .profile-form .input-group.date i {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -193px -1px;
  width: 23px;
  height: 23px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.main-light .profile-page .profile-right .change-password .input-group.date label,
.main-light .profile-page .profile-right .change-password .input-group.mobile-number label,
.main-light .profile-page .profile-right .profile-form .input-group.date label,
.main-light .profile-page .profile-right .profile-form .input-group.mobile-number label {
  left: 5px;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  z-index: 1;
}
.main-light .profile-page .profile-right .change-password .error,
.main-light .profile-page .profile-right .profile-form .error {
  font-size: 0.8rem;
  color: #ff0202;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  display: inline-block;
  margin-top: 5px;
  z-index: 2;
}
.main-light .profile-page .profile-right .change-password .input-box,
.main-light .profile-page .profile-right .profile-form .input-box {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #131313;
  font-family: "Notosans";
  padding: 0 1.25rem;
  background: transparent;
}
.main-light .profile-page .profile-right .change-password .input-box:focus,
.main-light .profile-page .profile-right .profile-form .input-box:focus {
  border: 1px solid #f16c1f;
}
.main-light .profile-page .profile-right .change-password .input-box option,
.main-light .profile-page .profile-right .profile-form .input-box option {
  color: #000000;
}
.main-light .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input,
.main-light .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input {
  width: 100%;
  height: 3.75rem;
  border-radius: 0.3125rem;
  border: 1px solid #737272;
  outline: none;
  font-size: 1rem;
  color: #131313;
  font-family: "Notosans";
  padding: 0 1.25rem;
  position: relative;
  background: transparent;
}
.main-light .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-input:focus,
.main-light .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-input:focus {
  border: 1px solid #f16c1f;
}
.main-light .profile-page .profile-right .change-password .ngx-datepicker-container .ngx-datepicker-calendar-container,
.main-light .profile-page .profile-right .profile-form .ngx-datepicker-container .ngx-datepicker-calendar-container {
  z-index: 9;
  margin-top: 20px;
}
.main-light .profile-page .profile-right .change-password .profile-btn-blk,
.main-light .profile-page .profile-right .profile-form .profile-btn-blk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .profile-page .profile-right .change-password .org-btn,
.main-light .profile-page .profile-right .change-password .cancel-btn,
.main-dark .video-detail-page .see-more-blk .main-light .profile-page .profile-right .change-password .see-more,
.main-dark .vplay-comments .main-light .profile-page .profile-right .change-password .load-more,
.main-light .profile-page .profile-right .change-password .video-detail-page .see-more-blk .see-more,
.main-light .video-detail-page .see-more-blk .profile-page .profile-right .change-password .see-more,
.main-light .profile-page .profile-right .change-password .vplay-comments .load-more,
.main-light .vplay-comments .profile-page .profile-right .change-password .load-more,
.main-light .profile-page .profile-right .profile-form .org-btn,
.main-light .profile-page .profile-right .profile-form .cancel-btn,
.main-dark .video-detail-page .see-more-blk .main-light .profile-page .profile-right .profile-form .see-more,
.main-dark .vplay-comments .main-light .profile-page .profile-right .profile-form .load-more,
.main-light .profile-page .profile-right .profile-form .video-detail-page .see-more-blk .see-more,
.main-light .video-detail-page .see-more-blk .profile-page .profile-right .profile-form .see-more,
.main-light .profile-page .profile-right .profile-form .vplay-comments .load-more,
.main-light .vplay-comments .profile-page .profile-right .profile-form .load-more {
  text-transform: uppercase;
  cursor: pointer;
}
.main-light .profile-page .profile-right .change-password .cancel-btn,
.main-light .profile-page .profile-right .profile-form .cancel-btn {
  background: #989898;
  margin-left: 1.25rem;
  cursor: pointer;
}
.main-light .pricing h3 {
  font-size: 1.8125rem;
  text-align: center;
  padding: 43px 0;
  color: #231f20;
  font-family: "Notosans";
}
.main-light .pricing .subscription-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-light .pricing .subscription-blk {
  max-width: 33.3%;
  width: 100%;
  padding: 1% 1% 3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .pricing .single-subscription {
  width: 100%;
  text-align: center;
  background: #fff;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
  border-top: 3px solid transparent;
}
.main-light .pricing .single-subscription:hover {
  border-color: #f16c1f;
}
.main-light .pricing .single-subscription h5 {
  padding: 1.5625rem 0;
  text-transform: uppercase;
  color: #3d3d3d;
  font-size: 1.6875rem;
  font-family: "Notosans-bold";
  line-height: inherit;
  padding-left: 15px;
  padding-right: 15px;
}
.main-light .pricing .single-subscription p {
  font-size: 1rem;
  color: #909090;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-light .pricing .single-subscription .sub-price {
  font-size: 3.375rem;
  color: #3d3d3d;
  display: block;
  margin-bottom: 0.625rem;
  font-family: "Notosans";
}
.main-light .pricing .single-subscription .subscribe {
  font-size: 1rem;
  color: #f16c1f;
  max-width: 16.25rem;
  width: 100%;
  display: inline-block;
  padding: 1.125rem 0.625rem;
  border: 1px solid #f16c1f;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-light .pricing .single-subscription .subscribe:hover {
  color: #fff;
  border: 1px solid #f16c1f;
  transition: all ease 0.3s;
}
.main-light .pricing .single-subscription .sub-list {
  padding: 1.625rem 0.75rem;
  border-top: 1px solid #e8e8e8;
  margin: 1.625rem 0 0;
}
.main-light .pricing .single-subscription .subscribed {
  color: #fff;
  background: #f16c1f;
  border: 1px solid #f16c1f;
  font-size: 1rem;
  width: 100%;
  max-width: 16.25rem;
  display: inline-block;
  padding: 1.25rem 0.625rem;
  border-radius: 2px;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.main-light .pricing .sub-price span {
  font-size: 1.3125rem;
  display: inline-block;
  font-family: "Notosans";
  text-transform: capitalize;
}
.main-light .pricing .sub-list li {
  margin-bottom: 18px;
  text-align: left;
  padding: 0 0 0 48px;
  position: relative;
  font-size: 0.875rem;
  color: #3d3d3d;
}
.main-light .pricing .sub-list li:before {
  content: "";
  background-image: url("./media/tick-blue-HSD4R4U6.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 19px;
  position: absolute;
  left: 6px;
  top: 0;
}
.main-light .faq-container {
  margin-top: 50px;
}
.main-light .faq-container .clf2 {
  margin-top: 0px !important;
  margin-bottom: 50px !important;
}
.main-light .faq-container h4 {
  font-size: 1.4375rem;
  color: #231f20;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-light .faq-container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-light .faq-container .faq-left,
.main-light .faq-container .faq-right {
  max-width: 45%;
  width: 100%;
  float: left;
}
.main-light .faq-container .faq-right {
  float: right;
}
.main-light .faq-container .faq-blk {
  margin-bottom: 26px;
}
.main-light .faq-container .faq-blk h5 {
  font-family: "Notosans-medium";
  color: #3d3d3d;
  font-size: 1.125rem;
  margin-bottom: 7px;
}
.main-light .faq-container .faq-blk p {
  font-size: 0.875rem;
  color: #5f5f5f;
  line-height: 1.6875rem;
}
.main-light .card-payment-popup {
  background: #fff;
  margin: 3.75rem 0;
  border: 1px solid #e6e6e6;
  width: 100%;
  border-radius: 0.375rem;
  z-index: 6;
  overflow: hidden;
}
.main-light .card-payment-popup.payment-success {
  background: #f16c1f;
  padding: 0;
  height: 31.25rem;
}
.main-light .card-payment-popup.add-card-width {
  max-width: 33.125rem;
}
.main-light .card-payment-popup.saved-card-width {
  max-width: 17.375rem;
}
.main-light .card-payment-popup.payment-popup-open {
  visibility: visible;
  opacity: 1;
}
.main-light .card-payment-popup .popup_close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.main-light .card-payment-popup .popup_close .close {
  width: 100%;
  height: 100%;
}
.main-light .card-payment-popup .card-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px;
}
.main-light .card-payment-popup h3 {
  font-size: 1.5rem;
  padding: 30px;
  color: #424242;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
}
.main-light .card-payment-popup h3 span {
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
}
.main-light .card-payment-popup h3 span .currency-price {
  color: #f16c1f;
  font-size: 30px;
  margin-left: 10px;
}
.main-light .card-payment-popup .back-btn {
  font-size: 15px;
  cursor: pointer;
  border: none;
  padding: 0 20px;
  border-radius: 4px;
  margin-left: 20px;
  height: 40px;
  line-height: 40px;
}
.main-light .card-payment-popup .card-menu {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-light .card-payment-popup .card-left-menu {
  border-right: 1px solid #e6e6e6;
}
.main-light .card-payment-popup .card-left-menu a {
  position: relative;
  font-size: 1.125rem;
  color: #424242;
  text-align: right;
  font-family: "Notosans";
  padding: 0.875rem 2.5rem 0.875rem 0rem;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}
.main-light .card-payment-popup .card-left-menu a:before {
  content: "";
  width: 2px;
  height: 0;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-light .card-payment-popup .card-left-menu a:hover,
.main-light .card-payment-popup .card-left-menu a.active {
  color: #f16c1f;
}
.main-light .card-payment-popup .card-left-menu a:hover:before,
.main-light .card-payment-popup .card-left-menu a.active:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f16c1f;
  position: absolute;
  right: -1px;
  top: 0;
  transform-origin: center;
  transition: height 0.3s ease;
}
.main-light .card-payment-popup .added-card-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.main-light .card-payment-popup .added-card {
  position: relative;
  padding: 1.25rem;
  margin: 0 1%;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0.5rem;
  display: inline-block;
  width: 31.3%;
  color: #424242;
  margin-bottom: 10px;
  font-family: "Notosans";
  cursor: pointer;
  transition: all ease 0.3s;
}
.main-light .card-payment-popup .added-card:hover {
  box-shadow: 1px 2px 11px 3px #e0dfdf;
  transition: all ease 0.3s;
}
.main-light .card-payment-popup .added-card:hover .delete-card {
  opacity: 1;
  visibility: visible;
}
.main-light .card-payment-popup .added-card label {
  font-size: 10px;
  text-transform: uppercase;
}
.main-light .card-payment-popup .added-card p {
  font-size: 0.96875rem;
  font-family: "Notosans-medium";
  padding-right: 1.25rem;
}
.main-light .card-payment-popup .added-card .delete-card {
  position: absolute;
  top: 7px;
  right: 7px;
  opacity: 0;
  visibility: hidden;
  background: url("./media/card-delete-CBNYHNSV.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-light .card-payment-popup .added-card .select-card {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 7px;
}
.main-light .card-payment-popup .added-card .select-card input {
  background: url("./media/card-check-MYBXJD5K.svg") no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.main-light .card-payment-popup .added-card .select-card input:checked {
  background: url("./media/card-checked-YW2CMGMZ.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
.main-light .card-payment-popup .added-card .card-inner-set-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .card-payment-popup .added-card .card-inner-set-outer .card-inner-set {
  width: 75%;
}
.main-light .card-payment-popup .added-card .card-inner-set-outer .card-inner-set.card-cvv {
  width: 25%;
}
.main-light .card-payment-popup .added-card .card-inner-set {
  margin-bottom: 0.9375rem;
}
.main-light .card-payment-popup .added-card .card-inner-set.card-cvv {
  position: relative;
}
.main-light .card-payment-popup .added-card .card-inner-set.card-cvv label {
  text-align: center;
  display: block;
}
.main-light .card-payment-popup .added-card .card-inner-set.card-cvv input {
  height: 1.75rem;
  border-radius: 2px;
  border: 1px solid #dedede;
  width: 100%;
  margin-top: 3px;
  padding: 0 5px;
  background: #fff;
  color: #424242 !important;
}
.main-light .card-payment-popup .added-card .card-inner-set.card-cvv input:focus {
  border: 1px solid #f16c1f;
}
.main-light .card-payment-popup .added-card .card-inner-set.card-cvv .error {
  position: relative;
  font-size: 0.625rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-light .card-payment-popup .added-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-light .card-payment-popup .added-card .chip {
  background: url("./media/sprite-RXTZEBSA.png") no-repeat;
  background-position: -271px -155px;
  width: 50px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 15px;
}
.main-light .card-payment-popup .card-right {
  display: block;
  width: 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2.1875rem;
  min-height: 25rem;
}
.main-light .card-payment-popup .pay-btn-blk {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0.625rem 0;
}
.main-light .card-payment-popup .payment-note {
  font-size: 0.75rem;
  color: #777676;
  margin-top: 10px;
  font-family: "Notosans";
  max-width: 300px;
  display: block;
}
.main-light .card-payment-popup .pay-secure-btn {
  padding: 0.625rem 1.25rem;
  border-radius: 3px;
  border: none;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-family: "Notosans-medium";
  width: 21.5625rem;
  cursor: pointer;
}
.main-light .card-payment-popup h6 {
  font-size: 1.25rem;
  font-family: "Notosans-bold";
  margin-bottom: 1.5625rem;
}
.main-light .card-payment-popup .add-card-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-light .card-payment-popup .add-card-details .error {
  color: #980c0c !important;
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  margin-left: 1px;
  display: block;
}
.main-light .card-payment-popup .add-card {
  position: relative;
  display: inline-block;
  font-family: "Notosans";
  color: #424242;
  max-width: 21.5625rem;
}
.main-light .card-payment-popup .add-card label {
  font-size: 1rem;
  font-family: "Notosans";
}
.main-light .card-payment-popup .add-card .card-input {
  font-size: 1rem;
  height: 2.8125rem;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 10px;
  color: #424242;
  width: 100%;
  margin-top: 10px;
}
.main-light .card-payment-popup .add-card .card-input::-webkit-input-placeholder {
  color: #a5a3a3;
}
.main-light .card-payment-popup .add-card .card-input::-moz-placeholder {
  color: #a5a3a3;
}
.main-light .card-payment-popup .add-card .card-input:-ms-input-placeholder {
  color: #a5a3a3;
}
.main-light .card-payment-popup .add-card .card-input:-moz-placeholder {
  color: #a5a3a3;
}
.main-light .card-payment-popup .add-card .card-input:focus {
  border: 1px solid #f16c1f;
}
.main-light .card-payment-popup .add-card .card-inner-set {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 1.25rem;
}
.main-light .card-payment-popup .add-card .card-inner-set.last {
  margin-bottom: 0;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-number .card_field_group {
  width: 100%;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-expr {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
  width: 35%;
  margin-right: 3.125rem;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
  width: 25%;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number input {
  width: 80%;
}
.main-light .card-payment-popup .add-card .card-inner-set.card-name .card_field_group {
  width: 100%;
}
.main-light .card-payment-popup .cvv-blk {
  max-width: 55px;
}
.main-light .card-payment-popup .cvv-blk img {
  width: 100%;
}
.main-light .card-payment-popup .cvv-blk .card-inner-set {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.9375rem;
  width: 100%;
}
.main-light .card-payment-popup .cvv-blk .card-inner-set label {
  color: #b3b3b3;
  font-size: 10px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Notosans";
}
.main-light .card-payment-popup .cvv-blk .card-inner-set input {
  color: #000;
  font-size: 14px;
  font-family: "Notosans-bold";
  background: transparent;
  border: none;
  letter-spacing: 2px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.main-light .card-payment-popup .agree-chk {
  display: block;
  color: #565656;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
  font-size: 0.875rem;
  cursor: pointer;
}
.main-light .card-payment-popup .agree-chk .checkbox {
  margin: 0 0.625rem 0 0;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  top: -1px;
  position: relative;
}
.main-light .card-payment-popup .agree-chk .checkbox:checked {
  border: none;
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  background-position: center;
  animation: check 0.3s 1;
}
.main-light .card-payment-popup .tot-subs {
  color: #727272;
  font-family: "Notosans-medium";
  font-size: 0.90625rem;
  margin-bottom: 1.5625rem;
}
.main-light .card-payment-popup .org-btn,
.main-dark .video-detail-page .see-more-blk .main-light .card-payment-popup .see-more,
.main-dark .vplay-comments .main-light .card-payment-popup .load-more,
.main-dark .profile-page .profile-right .change-password .main-light .card-payment-popup .cancel-btn,
.main-dark .profile-page .profile-right .profile-form .main-light .card-payment-popup .cancel-btn,
.main-light .card-payment-popup .video-detail-page .see-more-blk .see-more,
.main-light .video-detail-page .see-more-blk .card-payment-popup .see-more,
.main-light .card-payment-popup .vplay-comments .load-more,
.main-light .vplay-comments .card-payment-popup .load-more,
.main-light .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
.main-light .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
.main-light .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
.main-light .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
  width: 100%;
  font-family: "Notosans-medium";
  padding: 0.625rem 1.25rem;
  font-size: 1.125rem;
  max-width: 21.5625rem;
  margin-bottom: 5px;
}
.main-light .card-payment-popup .net-banking-blk {
  max-width: 21.5625rem;
  width: 100%;
  color: #424242;
}
.main-light .card-payment-popup .net-banking-blk .select-svg {
  position: relative;
  margin-top: 10px;
  margin-bottom: 1.5625rem;
}
.main-light .card-payment-popup .net-banking-blk .select-svg svg polygon {
  fill: #696969;
}
.main-light .card-payment-popup .net-banking-blk label {
  font-size: 1rem;
  display: block;
  font-family: "Notosans";
}
.main-light .card-payment-popup .net-banking-blk svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.main-light .card-payment-popup .net-banking-blk select {
  height: 2.8125rem;
  color: #424242;
  font-size: 1.125rem;
  padding: 0 10px;
  padding-right: 15px;
  border-radius: 3px;
  border: 1px solid #ccc;
  outline: none;
  width: 100%;
  color: #424242;
  background: transparent;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main-light .card-payment-popup .net-banking-blk select:focus {
  border: 1px solid #f16c1f;
}
.main-light .card-payment-popup .net-banking-blk select option {
  background: #ffffff;
}
.main-light .card-payment-popup .payment-succes-blk-outer {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-light .card-payment-popup .payment-succes-blk-outer .payment-succes-text {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 3%;
}
.main-light .card-payment-popup .payment-succes-blk-outer .payment-succes-text p {
  font-size: 1.5rem;
  font-family: "Notosans";
  color: #fff;
}
.main-light .card-payment-popup .payment-succes-blk {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 47rem;
  height: 47rem;
  margin: auto;
}
.main-light .card-payment-popup .payment-succes-blk .pulse-button.b {
  width: 100%;
  height: 100%;
  background-color: #20c2e7;
  background-image: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  animation: pulseb 2s 1 linear;
}
.main-light .card-payment-popup .payment-succes-blk .pulse-button.a {
  width: 20rem;
  height: 20rem;
  background-color: #22c8ee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: none;
  overflow: hidden;
  animation: pulsea 1s 1 linear;
}
.main-light .card-payment-popup .payment-succes-blk .pulse-button {
  position: relative;
  width: 40%;
  height: 40%;
  border: none;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
  box-shadow: 0 0 80px 20px rgba(0, 0, 0, 0.05);
  animation: pulse 1s 1 linear;
}
.main-light .card-payment-popup .payment-succes-blk img {
  width: 100%;
  max-width: 270px;
  padding-top: 80px;
  animation: pulse 1s 1 linear;
}
@keyframes pulse {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2);
  }
}
@keyframes pulsea {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
@keyframes pulseb {
  0% {
    transform: translate3d(0, 0, 0) scale(0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
  }
}
.main-light .popup-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
}
.main-light .modal-open .popup-overlay {
  visibility: visible;
  opacity: 1;
}
.main-light .cms-content .abt_hindi p span {
  font-size: 0.875rem !important;
  color: #d0d0d0 !important;
  line-height: 1.6875rem !important;
  font-family: Notosans-medium !important;
}
.main-light .cms-content .abt_hindi .stronger {
  text-decoration: none !important;
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634 !important;
  font-size: 23px !important;
  margin-right: 10px;
  border-bottom: 2px solid #e89634 !important;
}
.main-light .cms-content {
  margin: 45px auto;
}
.main-light .cms-content h2 {
  font-size: 1.4375rem;
  color: #231f20;
  font-family: "Notosans";
  padding: 0 0 12px;
  margin: 0 0 0px;
  position: relative;
  display: inline-block;
}
.main-light .cms-content .static-content {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.6875rem;
  font-family: "Notosans";
}
.main-light .cms-content .static-content strong {
  font-family: "Notosans-medium";
  font-weight: normal;
}
.main-light .cms-content .static-content p,
.main-light .cms-content .static-content span {
  background: transparent !important;
}
.main-light .cms-content .tabel_ol li {
  color: #d0d0d0 !important;
}
.main-light .cms-content .tabel_ol li p span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-light .cms-content ol li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-light .cms-content ul li {
  color: #e79633 !important;
  font-family: "Notosans-medium" !important;
  white-space: nowrap !important;
}
.main-light .cms-content .ano {
  padding-left: 50px;
}
.main-light .cms-content li p span {
  color: #e79633;
  font-family: "Notosans-bold" !important;
}
.main-light .cms-content p {
  font-size: 0.875rem !important;
  color: #5f5f5f !important;
  line-height: 1.6875rem !important;
  font-family: "Notosans-medium" !important;
  margin-top: 8px !important;
}
.main-light .cms-content p span {
  background: transparent !important;
  font-size: 0.875rem !important;
  font-family: "Notosans-medium" !important;
}
.main-light .cms-content p a {
  color: #e59433 !important;
  margin-right: 5px;
  cursor: pointer;
}
.main-light .cms-content p a span {
  background: transparent !important;
  color: #e59433 !important;
}
.main-light .cms-content p strong {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
  font-size: 23px;
  margin-right: 5px;
  border-bottom: 2px solid #e89634;
}
.main-light .cms-content .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-light .nou {
  text-decoration: none !important;
}
.main-light .cms-content .terms .nopad {
  padding-left: 20px !important;
}
.main-light .cms-content .terms .table_ol li span {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-light .cms-content .terms .table_ol li {
  color: #d0d0d0 !important;
  font-family: "Notosans-medium" !important;
}
.main-light .cms-content .terms .ano {
  padding-left: 55px;
}
.main-light .cms-content .terms .slileft {
  padding-left: 75px;
}
.main-light .cms-content .terms .bolder_text {
  font-family: "Notosans-bold" !important;
  font-weight: normal !important;
  color: #e89634;
}
.main-light .cms-content .terms .bolder_text .und {
  border-bottom: 1px solid #e89634;
}
.main-light .cms-content .terms p strong span {
  font-family: "Notosans-bold" !important;
}
.main-light .cms-content .terms p strong {
  border-bottom: none !important;
}
.main-light .initimation-subscribe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.49);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.main-light .initimation-subscribe p {
  font-size: 1.375rem;
  color: #fff;
  margin-bottom: 1.25rem;
}
.main-light .initimation-subscribe .make-subscription {
  text-transform: uppercase;
}
.main-light .my-playlist-container ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .my-playlist-container ul .my-playlist-list {
  margin-right: 25px !important;
  width: 300px;
  max-width: 27.6%;
  margin: 0.7%;
  -webkit-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .main-light .my-playlist-container ul .my-playlist-list {
    max-width: 16.6% !important;
  }
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left {
  width: 77%;
  height: 11.25rem;
  background: #d4d4d4;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-left .my-playlist-thumb {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right {
  width: 23%;
  background: #142f4f;
  color: #fff;
  text-align: center;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right .playlist-video-count {
  display: block;
  font-size: 1.125rem;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head .my-playlist-right svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: #ccc;
  margin-top: 0.25rem;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.9375rem 1.25rem;
  position: relative;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail h3 {
  font-size: 0.875rem;
  display: block;
  color: #2d2d2d;
  width: 100%;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playist-more-ic svg {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all ease 0.3s;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li {
  position: relative;
  width: 100%;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-more-dropdown .playlist-more-option li a {
  color: #2d2d2d;
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  background: #fff;
  white-space: nowrap;
  box-shadow: 0px 1px 0.375rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 0.9375rem 1.25rem;
  visibility: hidden;
  opacity: 0;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title label {
  font-size: 0.75rem;
  display: block;
  color: #3f3f3f;
  margin-bottom: 0.625rem;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
  width: 12.1875rem;
  border: none;
  border-bottom: 1px solid #a5a5a5;
  color: #3f3f3f;
  font-family: medium;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  font-family: "Notosans";
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:hover,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input:-webkit-autofill:focus textarea:-webkit-autofill,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:hover,
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group {
  position: relative;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .playlist-input-group .error {
  position: absolute;
  font-size: 0.75rem;
  left: 0;
  bottom: 5px;
  color: red;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title .edit-title-btns button {
  color: #3f3f3f;
  font-size: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Notosans-medium";
}
.main-light .live-videos-page .video-tabs-blk {
  margin: 3.125rem 0 0 0;
  text-align: center;
}
.main-light .live-videos-page .video-tabs-blk .video-tabs {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  background: #f3f3f3;
  overflow: hidden;
}
.main-light .live-videos-page .video-tabs-blk a {
  font-size: 1.125rem;
  font-family: "Notosans";
  padding: 1rem 1.875rem;
  width: 11.875rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.main-light .live-videos-page .video-tabs-blk a.active {
  color: #fff;
  background: #f16c1f;
}
.main-light .live-videos-page .video-tabs-blk span {
  position: relative;
  z-index: 3;
}
.main-light .live-videos-page .video-tabs-blk .live-now.active {
  color: #fff;
  background: #f16c1f;
}
.main-light .live-videos-page h5 {
  font-family: "Notosans-medium";
  font-size: 1.5rem;
  color: #231f20;
  margin: 0.75rem 0 0.625rem;
}
.main-light .live-videos-page .video-listing {
  margin-bottom: 1.875rem;
}
.main-light .live-videos-page .video-listing .video-listing-container {
  margin: 0 -0.5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .live-videos-page .video-listing .video-listing-container .item {
  width: 15.6%;
  margin: 0.5%;
}
.main-light .live-videos-page .home-banner {
  padding-bottom: 0.25rem;
}
.main-light .live-videos-page .live-channel-marquee {
  max-width: 33%;
  width: 100%;
}
.main-light .live-videos-page .live-channel-marquee marquee {
  font-size: 1.25rem;
  margin: 0.625rem 0 0;
  color: #424242;
}
.main-light .live-videos-page .genre-view .genre-list {
  margin-bottom: 15px;
}
.main-light .my-account-page {
  padding: 2.5rem 0;
  position: relative;
  margin-bottom: 5rem;
}
.main-light .my-account-page .account-container {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
.main-light .my-account-page .account-container h2 {
  font-size: 1.3125rem;
  font-family: "Notosans-medium";
  margin-bottom: 0.9375rem;
  color: #231f20;
}
.main-light .my-account-page .account-container .account-grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.main-light .my-account-page .account-container .account-grid .account-list {
  border: 1px solid #14253d;
  background: #14253d;
  padding: 1.25rem 0.625rem 1.25rem 1.75rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 1% 20px;
  width: 100%;
  max-width: 31.3%;
  cursor: pointer;
}
.main-light .my-account-page .account-container .account-grid .account-list:hover {
  background: #172b48;
}
.main-light .my-account-page .account-container .account-grid .account-list:focus {
  outline: none;
}
.main-light .my-account-page .account-container .account-grid .account-list .acc-list-icon {
  margin-right: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-light .my-account-page .account-container .account-grid .account-list .acc-list-icon svg path {
  fill: 434343;
}
.main-light .my-account-page .account-container .account-grid .account-list .acc-list-icon img {
  width: 1.875rem;
  height: 1.875rem;
}
.main-light .my-account-page .account-container .account-grid .account-list .acc-list-cont h3 {
  margin-bottom: 5px;
  font-size: 1rem;
  color: #231f20;
}
.main-light .my-account-page .account-container .account-grid .account-list .acc-list-cont span {
  display: block;
  font-size: 0.8125rem;
  color: #4e484a;
  font-family: "Notosans";
}
.main-light .heading-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .select-design {
  font-size: 0.75rem;
  position: relative;
  z-index: 2;
  margin-left: 10px;
}
.main-light .select-design .drop-arr {
  background: url("./media/b-caret-AWMWFDMV.svg") no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.main-light .select-design .select-selected {
  text-transform: uppercase;
  border: 1px solid #f16c1f;
  padding-right: 2.1875rem;
}
.main-light .select-design a {
  color: #f16c1f;
  display: block;
  padding: 0.3125rem 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  transition: all 0.3s ease;
}
.main-light .select-design ul {
  background: #fff;
  position: absolute;
  width: 100%;
  box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.main-light .select-design ul a:hover {
  background: #ededed;
  transition: all 0.3s ease;
}
.main-light .payment-page {
  padding: 4.375rem 0;
  width: 100%;
}
.main-light .payment-page .payment-container {
  max-width: 47.1875rem;
  margin: 0 auto;
}
.main-light .payment-page .payment-container.payment-failure .payment-head .payment-head-right .payment-title {
  color: #e63917;
}
.main-light .payment-page .payment-container .payment-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  border-bottom: 2px solid #d6d6d6;
}
.main-light .payment-page .payment-container .payment-head .playment-head-image {
  width: 12.5rem;
  margin-top: auto;
}
.main-light .payment-page .payment-container .payment-head .playment-head-image img {
  max-width: 100%;
  display: block;
}
.main-light .payment-page .payment-container .payment-head .payment-head-right {
  margin-left: 2.5rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 10%;
}
.main-light .payment-page .payment-container .payment-head .payment-head-right .payment-title {
  color: #3a3a3a;
  font-size: 1.5rem;
  font-family: "Notosans-bold";
  margin-bottom: 0.75rem;
  line-height: normal;
}
.main-light .payment-page .payment-container .payment-head .payment-head-right .payment-text {
  font-size: 1rem;
  color: #3a3a3a;
  font-family: "Notosans";
}
.main-light .payment-page .payment-container .payment-body {
  padding: 1.875rem 0;
  text-align: center;
}
.main-light .payment-page .payment-container .payment-body ul {
  display: inline-block;
  text-align: left;
}
.main-light .payment-page .payment-container .payment-body li {
  margin-bottom: 10px;
}
.main-light .payment-page .payment-container .payment-body li label {
  color: #3a3a3a;
  width: 16.875rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9375rem;
}
.main-light .payment-page .payment-container .payment-body li span {
  color: #3a3a3a;
  font-size: 1rem;
  font-family: "Notosans-bold";
}
.main-light .payment-page .payment-container .payment-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 1.875rem 0 0;
}
.main-light .payment-page .payment-container .payment-btns a {
  width: 10.625rem;
  height: 2.5rem;
  text-align: center;
  display: inline-block;
  color: #3a3a3a;
  font-size: 1rem;
  line-height: 2.5rem;
  font-family: "Notosans";
  border: 1px solid #3a3a3a;
  border-radius: 5px;
  margin: 0 0.9375rem;
  cursor: pointer;
}
.main-light .payment-page .payment-container .payment-btns a:hover {
  border-color: #f16c1f;
}
.main-light {
}
.main-light .passw-field {
  position: relative;
}
.main-light .passw-field #eye {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: absolute;
  top: 45%;
  right: 15px;
  z-index: 2;
  cursor: pointer;
}
.main-light .passw-field #eye svg {
  display: block;
}
.main-light .passw-field input {
  padding-right: 45px;
}
.main-light .opened-eye {
  display: none;
}
.main-light .fa-eye.open .opened-eye {
  display: block;
}
.main-light .fa-eye.open .closed-eye {
  display: none;
}
.main-light .no-connection {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  z-index: 99;
  top: 0;
}
.main-light .no-connection .content {
  background: #fff;
  width: 90%;
  max-width: 400px;
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 7px;
  padding: 0;
  text-align: center;
}
.main-light .no-connection svg {
  max-width: 100%;
  max-height: 227px;
  margin-bottom: 0;
}
.main-light .no-connection p {
  font-size: 13px;
  color: #333;
}
.main-light .no-connection .content-text {
  padding: 0 30px 30px;
  font-family: "Notosans-medium";
}
.main-light .no-connection .content-header {
  padding: 15px;
  border-bottom: 1px dashed #bbb;
  position: relative;
}
.main-light .no-connection .content-header h2 {
  padding: 0 20px;
  font-size: 1rem;
}
.main-light .no-connection .content-header .close {
  width: 0.8125rem;
  height: 0.8125rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  cursor: pointer;
}
.main-light .no-connection .content-header .close:hover svg path {
  opacity: 0.9;
}
.main-light .no-connection .content-header .close svg {
  width: 100%;
  height: 100%;
}
.main-light .videos-dimensions.play-fluid.play-ad-playing {
  padding: 0;
}
.main-light .video-player-center.title-grd:before {
  display: none;
}
.main-light .video-player-center.title-grd .play-js.play-fluid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.3) 20%,
      hsla(0, 0%, 0%, 0) 100%);
  z-index: 1;
  display: block;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-countdown-div {
  position: fixed;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 0.375rem 1.125rem 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-family: "Notosans";
  text-align: right;
  height: auto;
  color: #fff;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-ad-container {
  z-index: unset !important;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-controls-div {
  height: 2.3125rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-controls-div.ima-controls-div-showing {
  height: 2.3125rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-seek-bar-div {
  height: 0.25rem;
  top: 0rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-progress-div {
  height: 0.25rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div,
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-mute-div,
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  top: 0.6875rem;
  line-height: normal;
  display: block !important;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-play-pause-div {
  left: 0.625rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-slider-div {
  top: 1rem;
  display: none !important;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-mute-div {
  right: 3.125rem;
}
.main-light .video-player-center.title-grd .play-js.play-fluid .ima-fullscreen-div {
  right: 0.625rem;
}
.main-light .xray-contents {
  top: 0;
  right: 0;
  color: #fff;
  z-index: 5;
  margin-left: auto;
}
.main-light .xray-contents.xray-tabs-contents {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9;
  padding: 1.875rem;
  overflow: auto;
}
.main-light .xray-contents.xray-tabs-contents .xray-heading {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin: 0.875rem 0 1.25rem;
}
.main-light .xray-contents.xray-tabs-contents .xray-heading .search_close {
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background: #ffffff;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-right: auto;
  margin-left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.main-light .xray-contents.xray-tabs-contents .xray-heading .search_close svg {
  width: 1rem;
  height: 1rem;
}
.main-light .xray-contents .xray-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Notosans";
  font-size: 1rem;
}
.main-light .xray-contents .xray-heading h2 {
  cursor: pointer;
  font-family: "Notosans-bold";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .xray-contents .xray-heading h2 .logo {
  font-size: 0.6875rem;
  font-family: "Notosans";
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.47);
  padding: 0.1875rem;
  margin-left: 0.3125rem;
}
.main-light .xray-contents .xray-heading .xray-viewall {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.968627451);
  font-size: 0.875rem;
  display: block;
  line-height: 1.375rem;
}
.main-light .xray-contents .xray-heading .xray-division {
  margin: 0 0.625rem;
  display: block;
  font-size: 0;
}
.main-light .xray-contents .xray-heading .xray-division:before {
  content: "";
  position: relative;
  width: 1px;
  height: 1.125rem;
  background: #fff;
  display: inline-block;
}
.main-light .xray-contents .xray-heading .xray-arrow {
  margin-left: 0.4375rem;
}
.main-light .xray-contents .xray-heading .xray-arrow svg {
  width: 0.8125rem;
  height: 0.8125rem;
  fill: #fff;
  display: block;
}
.main-light .xray-contents .xray-heading .xray-tabs {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.main-light .xray-contents .xray-heading .xray-tabs a {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0.8125rem;
}
.main-light .xray-contents .xray-heading .xray-tabs a:hover,
.main-light .xray-contents .xray-heading .xray-tabs a.active {
  color: rgb(255, 255, 255);
}
.main-light .xray-contents .xray-lists {
  position: absolute;
  width: 22.5rem;
  top: 3.25rem;
  right: 0;
  max-height: 31.25rem;
  overflow: auto;
}
.main-light .xray-contents .xray-lists::-webkit-scrollbar {
  width: 5px;
}
.main-light .xray-contents .xray-lists::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.53);
}
.main-light .xray-contents .xray-lists::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.main-light .xray-contents .xray-lists ul {
  margin-right: 0.3125rem;
}
.main-light .xray-contents .xray-lists ul .hand-pointer {
  cursor: pointer;
}
.main-light .xray-contents .xray-lists ul li {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .xray-contents .xray-lists ul li + li {
  margin-top: 0.625rem;
}
.main-light .xray-contents .xray-lists ul li:hover {
  background: rgba(0, 0, 0, 0.6);
}
.main-light .xray-contents .xray-lists ul li .xray-image {
  width: 5rem;
  margin-right: 0.625rem;
}
.main-light .xray-contents .xray-lists ul li .xray-image img {
  width: 100%;
}
.main-light .xray-contents .xray-lists ul li .xray-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: 0.5px;
  width: 50%;
}
.main-light .xray-contents .xray-lists ul li .xray-content .xray-title {
  font-size: 1rem;
  font-family: "Notosans-medium";
}
.main-light .xray-contents .xray-lists ul li .xray-content .xray-subtitle {
  font-size: 0.875rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
}
.main-light .xray-contents .xray-lists ul li .xray-content .xray-para {
  font-size: 0.75rem;
  margin-top: 0.4375rem;
  font-family: "Notosans";
  line-height: 0.875rem;
}
.main-light .xray-contents .xray-tabs-lists ul {
  margin: 0 -0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-light .xray-contents .xray-tabs-lists ul li {
  width: 14.285%;
  padding: 0 0.3125rem 0.625rem;
  cursor: pointer;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-image {
  position: relative;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-image img {
  width: 100%;
  display: block;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-image:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%,
      rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  left: 0;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0.3125rem 0.625rem 0.625rem;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-content .xray-title {
  font-family: "Notosans";
  color: #fff;
  font-size: 0.875rem;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-light .xray-contents .xray-tabs-lists ul li .xray-content .xray-subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  font-family: "Notosans";
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-light .xray-contents .xray-cast-detail {
  font-family: "Notosans";
  color: rgba(255, 255, 255, 0.7);
}
.main-light .xray-contents .xray-cast-detail .back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
  cursor: pointer;
}
.main-light .xray-contents .xray-cast-detail .back svg {
  width: 0.75rem;
  fill: rgba(255, 255, 255, 0.7);
  height: 0.75rem;
  margin-right: 0.3125rem;
}
.main-light .xray-contents .xray-cast-detail .cast-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-image {
  width: 12.5rem;
  margin-right: 1.5625rem;
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-image img {
  width: 100%;
  display: block;
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50%;
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-title {
  max-width: 51.25rem;
  font-size: 1rem;
  font-family: "Notosans";
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-subtitle {
  max-width: 51.25rem;
  font-size: 0.875rem;
  color: #19b4d7;
  margin-top: 0.125rem;
}
.main-light .xray-contents .xray-cast-detail .cast-detail .cast-content .cast-para {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.9375rem;
  letter-spacing: 0.5px;
  max-width: 51.25rem;
}
.main-light .xray-contents .xray-scenes-detail li {
  margin-bottom: 0.9375rem;
  background: rgba(85, 85, 85, 0.5);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.08);
}
.main-light .xray-contents .xray-scenes-detail li .image {
  width: 12.1875rem;
}
.main-light .xray-contents .xray-scenes-detail li .image img {
  width: 100%;
  display: block;
}
.main-light .xray-contents .xray-scenes-detail li .content {
  flex: 1;
  width: 50%;
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .xray-contents .xray-scenes-detail li .content h3 {
  font-size: 0.875rem;
  font-family: "Notosans";
  color: #ccc;
}
.main-light .xray-contents .xray-scenes-detail li .content h4 {
  font-size: 0.75rem;
  font-family: "Notosans";
  color: #a0a0a0;
  margin-top: 0.25rem;
}
.main-light .xray-contents .xray-scenes-detail li .content svg {
  width: 0.625rem;
  height: 0.625rem;
  display: block;
  fill: #a0a0a0;
  margin-right: 0.5rem;
}
.main-light .xray-contents .xray-scenes-detail li .content .right-side {
  margin-left: auto;
}
.main-light .xray-contents .xray-scenes-detail li .content .right-side a {
  cursor: pointer;
  background: #4d4d4d;
  color: #a0a0a0;
  font-family: "Notosans";
  font-size: 0.8125rem;
  padding: 0.375rem 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.main-light .xray-contents .xray-scenes-detail li .content .right-side span {
  display: block;
  margin-top: 0.125rem;
}
.main-light .subtitle-popup {
  position: absolute;
  width: 25rem;
  margin: auto;
  z-index: 9;
  left: 0;
  right: 0;
  background: #363636;
  color: #fff;
  font-family: arial;
}
.main-light .subtitle-popup .header {
  padding: 0.875rem 1.25rem;
  background: #3e3e3e;
  border-bottom: 1px solid #464646;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .subtitle-popup .header .close-subtitle {
  margin-left: auto;
  cursor: pointer;
}
.main-light .subtitle-popup .header .close-subtitle svg.close {
  width: 0.9375rem;
  height: 0.9375rem;
}
.main-light .subtitle-popup .header h3 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: arial;
}
.main-light .subtitle-popup .size,
.main-light .subtitle-popup .presets {
  padding: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .subtitle-popup .size ul,
.main-light .subtitle-popup .presets ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-light .subtitle-popup .size ul li + li,
.main-light .subtitle-popup .presets ul li + li {
  margin-left: 0.8125rem;
}
.main-light .subtitle-popup .size h3,
.main-light .subtitle-popup .presets h3 {
  font-size: 1rem;
  width: 6.25rem;
  font-family: arial;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.main-light .subtitle-popup .size {
  border-bottom: 1px solid #4b4b4b;
}
.main-light .subtitle-popup .size ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-light .subtitle-popup .size ul li {
  color: #808080;
  cursor: pointer;
  line-height: 1;
}
.main-light .subtitle-popup .size ul li:hover,
.main-light .subtitle-popup .size ul li.active {
  color: #fff;
}
.main-light .subtitle-popup .size ul li.size1 {
  font-size: 1rem;
}
.main-light .subtitle-popup .size ul li.size2 {
  font-size: 1.25rem;
}
.main-light .subtitle-popup .size ul li.size3 {
  font-size: 1.5rem;
}
.main-light .subtitle-popup .size ul li.size4 {
  font-size: 1.625rem;
}
.main-light .subtitle-popup .size ul li.size5 {
  font-size: 1.75rem;
}
.main-light .subtitle-popup .presets ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-light .subtitle-popup .presets ul li {
  padding: 0.5rem;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
}
.main-light .subtitle-popup .presets ul li.presets1 {
  border: 1px solid #fff;
  background: #000;
}
.main-light .subtitle-popup .presets ul li.presets2 {
  text-shadow: 2px 2px 0px #000;
}
.main-light .subtitle-popup .presets ul li.presets3 {
  background: #000;
  color: #e6da38;
}
.main-light .subtitle-popup .presets ul li.presets4 {
  color: #000;
}
.main-light .geofence-region {
  background: #0d0d0d;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.875rem;
  width: 90%;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  max-width: 31.25rem;
  margin: auto;
  height: 5.1875rem;
  bottom: 0;
  justify-content: center;
  font-family: "Notosans";
  font-size: 1.1875rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-light .geofence-region svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  fill: #fff;
  margin-right: 0.9375rem;
}
.main-light .checkout .page-heading {
  background: #f7f7f7;
  text-align: center;
  padding: 3.375rem 0 13rem;
}
.main-light .checkout .page-heading h3 {
  font-size: 1.5625rem;
  color: #2d2d2d;
  color: #2d2d2d;
  font-family: "Notosans-bold";
}
.main-light .checkout .checkout-container {
  max-width: 45.0625rem;
  margin: auto;
}
.main-light .checkout .product-details {
  background: #fff;
  margin-top: -10.9375rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 3px 7px 65px 0px rgba(0, 0, 0, 0.13);
}
.main-light .checkout .product-details .image-description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 3.125rem 4.375rem;
}
.main-light .checkout .product-details .image-description .image {
  margin-right: 1.875rem;
  width: 7.25rem;
}
.main-light .checkout .product-details .image-description .image span {
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  background-size: cover;
  background-position: center;
  padding-top: 127%;
  display: block;
}
.main-light .checkout .product-details .image-description .description {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-light .checkout .product-details .image-description .description h4 {
  font-size: 1.375rem;
  color: #454545;
  font-family: "Notosans-black";
  margin-bottom: 0.4375rem;
}
.main-light .checkout .product-details .image-description .description p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  color: #909090;
  font-family: "Notosans";
}
.main-light .checkout .product-details .views-price {
  border-top: 1px solid #e6e8ec;
  padding: 1rem 4.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-light .checkout .product-details .views-price .views {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 20%;
}
.main-light .checkout .product-details .views-price .views svg {
  width: 1.3125rem;
  height: 0.75rem;
  display: block;
  margin-right: 0.625rem;
}
.main-light .checkout .product-details .views-price .views span {
  font-size: 0.8125rem;
  color: #5d5d5d;
  letter-spacing: 0.1px;
  font-family: "Notosans-medium";
  width: 20%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-light .checkout .product-details .views-price .price {
  margin-left: 1.875rem;
  font-family: "Notosans-black";
  font-size: 1.125rem;
  color: #3a3b3b;
}
.main-light .checkout .payment-methods {
  margin: 4.6875rem 0 0;
}
.main-light .checkout .payment-methods h3 {
  font-size: 1.125rem;
  color: #2d2d2d;
  font-family: "Notosans-medium";
}
.main-light .checkout .payment-methods .radios {
  margin-bottom: 2.8125rem;
}
.main-light .checkout .payment-methods .radios input {
  display: none;
}
.main-light .checkout .payment-methods .radios ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.0625rem;
}
.main-light .checkout .payment-methods .radios ul li {
  padding: 1.0625rem;
  width: 33.3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-light .checkout .payment-methods .radios .radio-box {
  border: 1px solid #e6e8ec;
  width: 100%;
  text-align: center;
  padding: 0.375rem 0;
  min-height: 3.75rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
  padding: 0 0.625rem;
}
.main-light .checkout .payment-methods .radios .radio-box .card-image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #51595d;
}
.main-light .checkout .payment-methods .radios .radio-box .card-image img {
  margin-right: 0.9375rem;
}
.main-light .checkout .payment-methods .radios .radio-box img {
  max-width: 100%;
}
.main-light .checkout .payment-methods .radios .radio-box .light {
  display: block;
}
.main-light .checkout .payment-methods .radios .radio-box .dark {
  display: none;
}
.main-light .checkout .payment-methods .radios input:checked + .radio-box {
  border-color: #27cbf1;
}
.main-light .checkout .payment-methods .checkbox {
  padding-left: 2.5625rem;
  position: relative;
}
.main-light .checkout .payment-methods .checkbox input {
  width: 1.4375rem;
  height: 1.4375rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  background-image: url("./media/card-check-MYBXJD5K.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-light .checkout .payment-methods .checkbox input:checked {
  background-image: url("./media/card-checked-YW2CMGMZ.svg");
}
.main-light .checkout .payment-methods .checkbox label {
  display: block;
  font-size: 0.8125rem;
  font-family: "Notosans-medium";
  color: #5d5d5d;
  letter-spacing: 0.1px;
  line-height: 1.125rem;
}
.main-light .checkout .payment-methods .checkbox label a {
  color: #0ca1c4;
  cursor: pointer;
}
.main-light .checkout .payment-methods .button {
  text-align: center;
  margin: 2.25rem 0;
}
.main-light .checkout .payment-methods .button button {
  width: 100%;
  max-width: 16.6875rem;
  border: 0;
  background: #27cbf1;
  color: #fff;
  font-size: 1.1875rem;
  padding: 0;
  line-height: 3.75rem;
  cursor: pointer;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}
.main-light .checkout .payment-methods .button button.disabled {
  cursor: not-allowed;
}
.main-light .cursor-pointer {
  cursor: pointer;
}
.main-light {
}
.main-light .play-fullscreen .video-cs-blk .movie-title.title-grd,
.main-light .play-fullscreen .video-cs-blk .back_btn {
  display: none !important;
}
.main-light .show-video-card {
  text-align: center;
}
.main-light .show-video-card .show-video {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 0.875rem;
  font-family: "Notosans";
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 0.5px;
  width: 140px;
  margin-bottom: 1.25rem;
  border: 0;
  cursor: pointer;
  line-height: 1.125rem;
  color: #fff;
  background: #fb8541;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fb8541), color-stop(100%, #f16c1f));
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
}
.main-light .cms-content .tw-data-text.tw-ta.tw-text-small {
  width: 100% !important;
  height: auto !important;
  color: #000000 !important;
}
.main-light .profile-page .profile-right .history .history-container .item .slider-img {
  overflow: hidden;
}
.main-light .cs-slider .item:hover .slider-item .video-card-trailer img,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item .video-card-trailer img,
.main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item .video-card-trailer img,
.main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item .video-card-trailer img {
  visibility: visible;
  height: 77%;
}
.main-light .menu_drop .menu li {
  float: left;
}
.main-light .menu_drop .menu li {
  list-style: none;
  position: relative;
}
.main-light .menu_drop .menu a {
  display: block;
  text-decoration: none;
  line-height: 3;
  padding-left: 5px;
  padding-right: 5px;
}
.main-light .menu_drop .menu a:hover {
  background: #091c34;
  color: #f16c1f;
}
.main-light .menu_drop .sub-menu,
.main-light .menu_drop .super-sub-menu {
  position: absolute;
  background: #091c34;
  min-width: 230px;
  padding: 0px;
  display: none;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
}
.main-light .menu_drop .super-sub-menu {
  left: 230px;
  top: 0;
}
.main-light .menu_drop .super-sub-menu.mega-menu {
  left: 0;
}
.main-light .menu_drop .sub-menu li {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: static;
}
.main-light .menu_drop .sub-menu li a {
  line-height: 32px;
  font-size: 16px;
}
.main-light .menu_drop .sub-menu li a.sub-menu-link {
  background: transparent;
  color: #fff;
  padding: 0 10px;
}
.main-light .menu_drop .sub-menu li a.sub-menu-link:hover {
  background: #446b9c;
  color: #fbfbfb;
}
.main-light .menu_drop .parent-menu {
  background: #052854;
}
.main-light .menu_drop .sub-menu li:last-child {
  border: 0;
}
.main-light .menu_drop .menu li:hover .sub-menu,
.main-light .menu_drop .sub-menu li:hover .super-sub-menu {
  display: block;
}
.main-light .inner-sub-menu {
  position: absolute;
  top: 0px;
  left: 230px;
  background: #14253d;
  padding: 0;
  box-shadow: 0 5px 20px rgb(0, 1, 6);
  display: flex;
}
.main-light .inner-sub-menu .innersuper {
  width: 255px;
  border-right: 1px solid #223e65;
  padding: 0px 5px;
}
.main-light .inner-sub-menu .innersuper:last-child {
  border-right: none;
}
.main-light .inner-sub-menu .innersuper li a {
  font-size: 16px;
}
.main-light .inner-sub-menu .innersuper li a:hover {
  background: #446b9c;
  color: #fbfbfb !important;
}
.main-light .inner-sub-menu:hover .innersuper {
  display: block;
}
.main-light .more-sub-menu ul li {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.main-light .more-sub-menu ul li:focus {
  outline: none;
}
.main-light .login-modal .modal-content .signup-content .form-merge .form-split .date input {
  width: 100%;
}
.main-light .login-modal .modal-content .signup-content .form-merge .form-split select.input-data,
.main-light .login-modal .modal-content .signup-content .form-merge .form-split select.ngx-datepicker-input,
.main-light .login-modal .modal-content .signup-content .form-merge .form-split .date.input-data,
.main-light .login-modal .modal-content .signup-content .form-merge .form-split .date.ngx-datepicker-input {
  font-size: 0.875rem;
  height: 2.7em;
  color: #696969;
}
.main-light .login-modal .modal-content .signup-content .intl-tel-input {
  vertical-align: middle;
  z-index: 6;
  height: 2.3rem;
  border-right: 1px solid #e4e4e4;
  width: 48px;
  position: absolute;
  left: 0;
  top: 15px;
}
.main-light .login-modal .modal-content .signup-content .intl-tel-input .country-list {
  width: 21rem;
}
.main-light .login-modal .modal-content .signup-content .intl-tel-input .country-list li span {
  font-size: 13px;
}
.main-light .vplayer-content {
  position: relative;
}
.main-light .vplayer-overlay.is--active {
  opacity: 1;
  visibility: visible;
}
.main-light .vplayer-overlay {
  margin: 0;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  color: rgba(195, 195, 195, 0.2);
  font-size: 18px;
}
.main-light .signup-content .form-control label,
.main-light .main-dark .form-control .ngx-datepicker-container label {
  font-size: 0.875rem;
}
.main-light .error-txt a {
  color: #0b55b3;
}
.main-light .duration {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 0px 3px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-light .more-options {
  padding: 2rem 0;
}
.main-light .more-options .s-container {
  width: 85%;
}
.main-light .more-options .tittle-blk {
  border-bottom: 1px solid #868686;
  padding-bottom: 0.8rem;
}
.main-light .more-options .more-options-categories {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin: 0 -10px;
}
.main-light .more-options .more-options-categories ul.parent-categ {
  padding: 0 10px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin: 1rem 0;
}
@media (max-width: 1199px) {
  .main-light .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 991px) {
  .main-light .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .main-light .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-light .more-options .more-options-categories ul.parent-categ {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.main-light .more-options .more-options-categories ul.parent-categ li .title {
  background: #073a7b;
  padding: 10px;
  display: inline-block;
  border-radius: 4px;
  padding-bottom: 0.5em;
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
  line-height: normal;
  justify-content: space-between;
}
.main-light .more-options .more-options-categories ul.parent-categ li a {
  color: #fff;
  line-height: 32px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
}
.main-light .more-options .more-options-categories ul.parent-categ .child-categ li {
  border-bottom: 1px solid #a2a2a2 !important;
  padding: 5px 0;
}
.main-light .more-options .more-options-categories ul.parent-categ .child-categ li a {
  padding-left: 25px;
  font-style: italic;
  cursor: pointer;
  position: relative;
}
.main-light .more-options .more-options-categories ul.parent-categ .child-categ li a:hover {
  color: #fb8541;
}
.main-light .more-options .more-options-categories ul.parent-categ .child-categ li a:before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a2a2a2;
  top: 42%;
  left: 0;
  content: "";
}
.main-light .more-options .more-options-categories ul.parent-categ .child-categ li:last-child {
  border-bottom: none;
}
.main-light .table-responsive {
  color: #fff;
  padding: 2rem 0;
}
.main-light .table-responsive .detail-text {
  padding-bottom: 0.8rem;
}
.main-light .table-responsive td,
.main-light .table-responsive th {
  border: 1px solid #dfdfe0;
  padding: 0.3rem 0.5rem;
}
.main-light .home.my-playlist-container .view-all,
.main-light .playlist.my-playlist-container .view-all {
  font-size: 16px;
  margin-left: 10px;
  color: #FB8541;
  cursor: pointer;
}
.main-light .home.my-playlist-container ul li,
.main-light .playlist.my-playlist-container ul li {
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 0 5px;
  margin-top: 15px;
  max-width: 20%;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .main-light .home.my-playlist-container ul li,
  .main-light .playlist.my-playlist-container ul li {
    max-width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-light .home.my-playlist-container ul li,
  .main-light .playlist.my-playlist-container ul li {
    max-width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-light .home.my-playlist-container ul li,
  .main-light .playlist.my-playlist-container ul li {
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .main-light .home.my-playlist-container ul li,
  .main-light .playlist.my-playlist-container ul li {
    width: 100%;
  }
}
.main-light .home.my-playlist-container ul li .my-playlist-left,
.main-light .playlist.my-playlist-container ul li .my-playlist-left {
  width: 100% !important;
  position: relative;
}
.main-light .home.my-playlist-container ul li .my-playlist-left .video-counts,
.main-light .playlist.my-playlist-container ul li .my-playlist-left .video-counts {
  position: absolute;
  bottom: 8px;
  background: #091c34;
  color: #fff;
  left: 8px;
  font-size: 14px;
  padding: 3px 7px;
  border-radius: 3px;
}
.main-light .home.my-playlist-container ul li .my-playlist-left .video-counts span,
.main-light .playlist.my-playlist-container ul li .my-playlist-left .video-counts span {
  margin-right: 5px;
}
.main-light .home.my-playlist-container ul li h3,
.main-light .playlist.my-playlist-container ul li h3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.main-light .home.my-playlist-container ul li .my-playlist-detail,
.main-light .playlist.my-playlist-container ul li .my-playlist-detail {
  padding: 0.75rem 0.625rem 0.625rem 0.625rem;
  background: #fff;
}
.main-light .grids {
  margin: 0 -5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.main-light .grids .item {
  width: 20%;
  margin-bottom: 15px;
  margin-right: 0;
  padding: 0 5px;
}
@media (max-width: 1500px) {
  .main-light .grids .item {
    width: 20%;
  }
}
@media (max-width: 1000px) {
  .main-light .grids .item {
    width: 33.33%;
  }
}
@media (max-width: 600px) {
  .main-light .grids .item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .main-light .grids .item {
    width: 100%;
  }
}
.main-light .video-detail-page .related-videos .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .video-detail-page .related-videos .item,
.main-light .video-detail-page .related-videos .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .video-detail-page .related-videos .item {
  overflow: inherit;
}
.main-light .change-password .left-side {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-light .change-password .form-control {
  width: 100%;
}
.main-light .change-password .form-control input {
  background: transparent;
  border: 1px solid #737272;
  color: #ccc;
}
.main-light .change-password .form-control input:focus ~ label {
  background: #fff;
  color: #ccc;
}
.main-light .change-password .form-control label {
  background: #fff;
  color: #ccc;
}
.main-light .change-password .form-control input:not(focus):valid ~ label {
  background: #fff;
  color: #ccc;
}
.main-light .change-password .org-btn,
.main-dark .video-detail-page .see-more-blk .main-light .change-password .see-more,
.main-dark .vplay-comments .main-light .change-password .load-more,
.main-dark .profile-page .profile-right .main-light .change-password .cancel-btn,
.main-light .change-password .video-detail-page .see-more-blk .see-more,
.main-light .video-detail-page .see-more-blk .change-password .see-more,
.main-light .change-password .vplay-comments .load-more,
.main-light .vplay-comments .change-password .load-more,
.main-light .profile-page .profile-right .change-password .cancel-btn,
.main-light .change-password .profile-page .profile-right .profile-form .cancel-btn {
  width: 200px;
}
.main-light #myModal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.main-light #myModal .modal-content {
  background: #fff;
  border-radius: 4px;
  padding: 1.875rem 1.5625rem;
  max-height: 100%;
  overflow: auto;
  position: relative;
  top: 45%;
  width: 30%;
  color: #fff;
  border: none;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.main-light #myModal {
}
.main-light #myModal .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.main-light .playlist-all .item.playlist-card {
  width: 24%;
  padding: 0 5px;
  margin: 1.25rem 0;
}
.main-light .playlist-all .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .playlist-all .item,
.main-light .playlist-all .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .playlist-all .item {
  transition: ease 0.4s all;
  position: relative;
  box-shadow: none;
  background: 0 0;
}
.main-light .playlist-all .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .playlist-all .item:hover,
.main-light .playlist-all .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .playlist-all .item:hover {
  transform: scale(1.05) !important;
}
.main-light .playlist-all .slider-img {
  overflow: hidden;
  border-radius: 0px;
  max-height: 13.4375rem;
}
.main-light .playlist-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(9, 28, 52, 0.8);
  color: #fff;
  padding: 1px 4px;
  border-radius: 0px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-light .playlist-all .slider-content {
  padding: 0px 15px !important;
  height: auto;
}
.main-light .playlist-all .slider-content h3 {
  text-transform: capitalize;
}
.main-light .playlist {
  padding: 2.16rem 0 4.05rem;
  color: #cacaca;
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}
.main-light .playlist .playlist-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(40px);
  filter: blur(40px);
}
.main-light .playlist .playlist-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.main-light .playlist .back-to-page {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.main-light .playlist .back-to-page svg {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #fff;
}
.main-light .playlist .breadcrumb ul {
  display: flex;
}
.main-light .playlist .breadcrumb ul li {
  margin: 0 2.22rem 0.55rem 0;
  font-size: 1rem;
}
.main-light .playlist ul li.active-page {
  position: relative;
}
.main-light .playlist .playlist-details {
  margin-top: 0.88rem;
  color: #fff;
  display: flex;
}
.main-light .playlist .playlist-details .playlist-img {
  width: 18rem;
  height: auto;
  margin-right: 1.72rem;
  max-height: 18rem;
}
.main-light .playlist .playlist-img img {
  width: 100%;
  display: block;
  border-radius: 8px;
  max-height: 18rem;
}
.main-light .playlist .playlist-details .playlist-content {
  flex: 1;
}
.main-light .playlist .playlist-content h3 {
  font-size: 1.94rem;
  margin-bottom: 0.16rem;
  text-transform: capitalize;
}
.main-light .playlist .playlist-content ul {
  display: flex;
}
.main-light .playlist .playlist-content ul li {
  font-size: 1.11rem;
  line-height: 2.44rem;
  color: #cbcbcb;
  position: relative;
  margin: 0 45px 1.22rem 0;
  white-space: nowrap;
  text-transform: lowercase;
}
.main-light .playlist .playlist-content ul li:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background: #e7e7e7;
  opacity: 0.5;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-light .playlist .playlist-content a {
  background: #00b6df;
  background:
    linear-gradient(
      to right,
      #fb8541 0%,
      #f16c1f 100%);
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  padding: 0.625rem 1rem;
  border-radius: 3px;
  font-size: 0.9rem;
  color: #fff;
  cursor: pointer;
  margin-right: 1.125rem;
  position: relative;
  z-index: 1;
}
.main-light .playlist .wave {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.main-light .playlist .playlist-content a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.4s ease;
}
.main-light .playlist .playlist-content a svg {
  height: 14px;
  width: 14px;
  fill: #fff;
  margin-right: 10px;
  z-index: 1;
}
.main-light .playlist .wave:hover {
  box-shadow: inset 400px 0 0 0 #fff;
  color: #fb8541;
}
.main-light .playlist .wave:hover svg path {
  fill: #fb8541 !important;
}
.main-light .playlist .wave:hover svg polygon {
  fill: #fb8541;
}
.main-light .admin-playlists-all .item {
  margin-bottom: 10px;
}
.main-light .admin-playlist-slider {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.main-light .admin-playlist-slider .item {
  width: 24%;
  padding: 0 5px;
  margin: 1.5625rem 0;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.main-light .admin-playlist-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .admin-playlist-slider .item,
.main-light .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .admin-playlist-slider .item {
  border-radius: 5px;
  box-shadow: 0 1px 5px 0 rgba(152, 152, 152, 0);
  cursor: pointer;
  background: #14253d;
  transition: ease 0.4s all;
}
.main-light .admin-playlist-slider .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .admin-playlist-slider .item:hover,
.main-light .admin-playlist-slider .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .admin-playlist-slider .item:hover {
  transform: scale(1.1) !important;
  position: relative;
}
.main-light .admin-playlist-slider .slider-img {
  max-height: 13.4375rem;
  overflow: hidden;
  min-height: auto;
}
.main-light .admin-playlist-slider .slider-img img {
  max-width: 100%;
  width: 100%;
  display: block;
}
.main-light .admin-playlist-slider .duration {
  bottom: 5px;
}
.main-light .admin-playlist-slider .slider-content {
  background: #14253d;
}
.main-light .admin-playlists-all .slider-img {
  max-height: 13.4375rem;
}
.main-light .admin-playlists-all .contus-slider-outer {
  padding-bottom: 0px !important;
}
.main-light .admin-playlists-all .slider-content {
  position: relative;
  padding: 0.75rem 2.5rem 0.625rem 0.625rem;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.main-light .admin-playlists-all .slider-content span {
  text-transform: capitalize;
}
.main-light .admin-playlists-all .total-videos {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background: rgba(14, 35, 61, 0.8);
  color: #fff;
  padding: 3px 7px;
  border-radius: 4px;
  margin: 4px;
  letter-spacing: 0.5px;
}
.main-light .web_series .small-vplay .small-slider .item {
  width: 19%;
  padding: 3px;
}
.main-light .web_series .small-vplay .small-slider .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series .small-vplay .small-slider .item:hover,
.main-light .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.07);
  -webkit-transform: scale(1.07);
  transform: scale(1.07) !important;
  z-index: 2;
}
.main-light .web_series .small-vplay .small-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series .small-vplay .small-slider .item,
.main-light .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-light .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-light .web_series .small-vplay .small-slider .slider-item img,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series .small-vplay .small-slider .item img,
.main-light .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-light .profile-page .profile-right .history .history-container .web_series .small-vplay .small-slider .item img {
  max-height: 180px;
  object-fit: cover;
}
.main-light .heading-video h2 {
  color: #fff;
  font-size: 19px;
}
.main-light .web_series_detail .video-player::before {
  background:
    linear-gradient(
      to right,
      #091c34 0%,
      #102948 50%,
      rgba(0, 0, 0, 0) 70%);
}
.main-light .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 0rem 0 0;
}
.main-light .web_series_detail .cs-slider .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series_detail .cs-slider .item:hover,
.main-light .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-light .web_series_detail .cs-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series_detail .cs-slider .item,
.main-light .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
  max-height: initial;
}
.main-light .web_series_detail .cs-slider .item {
  padding: 0 10px;
  margin: 1.5625rem 0;
  margin-bottom: 5px;
}
.main-light .web_series_detail .cs-slider .slider-item img,
.main-dark .profile-page .profile-right .history .history-container .main-light .web_series_detail .cs-slider .item img,
.main-light .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-light .profile-page .profile-right .history .history-container .web_series_detail .cs-slider .item img {
  max-height: 220px;
  object-fit: cover;
  height: 100%;
}
.main-light .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-light .web_series_detail .web-series span:after {
  display: none;
}
.main-light .web_series_detail button.show-video {
  background: #f27036 !important;
}
.main-light .web_series_detail .slider-content h3 {
  font-size: 16px !important;
}
.main-light .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-light .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-light .app-banner {
  margin-top: 25px;
  padding-bottom: 2%;
  border-radius: 5px;
}
.main-light .app-banner .social-apps {
  padding-bottom: 0%;
  margin-top: 10px;
}
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover,
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series .small-vplay .small-slider .item,
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item {
  transition: transform 0.2s;
}
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .slider-item img,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series .small-vplay .small-slider .item img,
.main-light .app-banner .social-apps .web_series .small-vplay .small-slider .profile-page .profile-right .history .history-container .item img,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series .small-vplay .small-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-light .app-banner .social-apps .video-detail-page .related-videos h6 {
  color: #f37136;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0 0;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider .slider-item:hover,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series_detail .cs-slider .item:hover,
.main-light .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item:hover,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
  z-index: 2;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series_detail .cs-slider .item,
.main-light .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item {
  transition: transform 0.2s;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider .item {
  width: 16.6%;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider .slider-item img,
.main-dark .profile-page .profile-right .history .history-container .main-light .app-banner .social-apps .web_series_detail .cs-slider .item img,
.main-light .app-banner .social-apps .web_series_detail .cs-slider .profile-page .profile-right .history .history-container .item img,
.main-light .profile-page .profile-right .history .history-container .app-banner .social-apps .web_series_detail .cs-slider .item img {
  height: 152px;
  object-fit: cover;
}
.main-light .app-banner .social-apps .web_series_detail .cs-slider .slider-content {
  padding: 0.75rem 0.625rem 0.625rem;
  height: auto;
  text-align: left !important;
  direction: ltr !important;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #14253d;
}
.main-light .app-banner .social-apps .web_series_detail .web-series span:after {
  display: none;
}
.main-light .app-banner .social-apps .web_series_detail .select-design .select-selected {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-light .app-banner .social-apps .web_series_detail .select-design .drop-arr {
  top: 47%;
}
.main-light .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-light body.first-user-activated {
  padding-top: 70px;
}
.main-light .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-light .f-row .menu-set a {
  font-size: 17px;
}
.main-light .admin-playlist-skelton-loader .tittle-blk h5 {
  position: relative;
  top: 13px;
  background: #14253d !important;
}
.main-light .play-seek-button .play-icon-placeholder {
  font-family: "Material Icons" !important;
}
.main-light body.first-user-activated {
  padding-top: 70px;
}
.main-light .f-head .f-row .menu-set a {
  cursor: pointer;
}
.main-light {
}
.main-light .web_series {
  margin-top: 20px;
}
.main-light .web_series #webseries {
  flex-wrap: wrap;
}
.main-light .web_series .slider-content {
  padding: 6px 15px !important;
}
.main-light .contus-slider .slider-img,
.main-light .cs-slider .slider-img,
.main-light .history-container .slider-img,
.main-light .genre-list .slider-img {
  height: 163px;
}
.main-light .contus-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .contus-slider .item,
.main-light .cs-slider .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item,
.main-light .history-container .slider-item,
.main-dark .profile-page .profile-right .history .main-light .history-container .item,
.main-light .profile-page .profile-right .history .history-container .item,
.main-light .genre-list .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .genre-list .item {
  width: 292px !important;
  height: 198px;
  overflow: hidden !important;
}
.main-light .contus-slider .slider-img img,
.main-light .cs-slider .slider-img img,
.main-light .history-container .slider-img img,
.main-light .genre-list .slider-img img {
  max-height: 163px;
  object-fit: fill;
}
.main-light .contus-slider .slider-content,
.main-light .cs-slider .slider-content,
.main-light .history-container .slider-content,
.main-light .genre-list .slider-content {
  height: auto !important;
  padding: 7px 15px !important;
  min-height: auto !important;
}
.main-light .contus-slider-outer {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.main-light .home-banner {
  padding-bottom: 20px;
  margin-top: 28px;
}
.main-light .home-banner .banner-slider .banner-item {
  height: 100%;
  width: 92%;
  margin: 0 auto;
}
.main-light .home-banner .banner-slider::after {
  display: none;
  background: transparent;
}
.main-light .home-banner .banner-slider::before {
  background: transparent;
}
.main-light .whole-header {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3019607843);
  background: #091c34;
}
.main-light .app-links::after {
  margin-left: -6%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
  display: none;
}
.main-light .f-footer .home_logo {
  width: 60px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  position: relative;
  left: 80px;
}
.main-light .f-footer h4 {
  color: #ffffff;
  font-family: "Notosans-medium";
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.main-light .web_series_detail .cs-slider .item {
  margin-top: 10px;
}
.main-light .web_series_detail .related-videos {
  margin-top: 10px;
}
.main-light .category-view {
  margin-top: 30px;
}
.main-light .category-view .item {
  width: auto !important;
}
.main-light .profile-page aside {
  background: #14253d;
}
.main-light .my-playlist-container ul .my-playlist-list .my-playlist-head {
  width: 100%;
  height: 163px;
}
.main-light .my-playlist-head .my-playlist-left {
  height: 163px !important;
}
.main-light .my-playlist-list .my-playlist-detail {
  width: 100% !important;
  background: #14253d;
}
.main-light footer {
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.3019607843);
}
.main-light .create-playlist-popup .close-playlist {
  background: transparent;
}
.main-light .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .item,
.main-light .profile-page .profile-right .history .history-container .item {
  border-radius: 0px !important;
}
.main-light .slider-item .slider-content h3,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content h3,
.main-light .profile-page .profile-right .history .history-container .item .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-light .slider-item .slider-content span,
.main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content span,
.main-light .profile-page .profile-right .history .history-container .item .slider-content span {
  display: none !important;
}
.main-light .admin-playlists-all .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .admin-playlists-all .item,
.main-light .admin-playlists-all .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .admin-playlists-all .item {
  border-radius: 5px !important;
}
.main-light .links-text.first::after {
  display: none;
}
.main-light ul.footer-text.links-text::after {
  margin-left: -4.5%;
  content: "";
  position: absolute;
  width: 1px;
  height: 135px;
  background: #fff;
  top: 45px;
  opacity: 0.1;
  margin-top: -21px;
}
.main-light .video-detail-page .play-info .liked {
  display: none !important;
}
.main-light .tittle-blk .shimmer {
  background: #14253d;
}
.main-light .item-shorts {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-light .item-shorts .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .item-shorts .item,
.main-light .item-shorts .profile-page .profile-right .history .history-container .item,
.main-light .profile-page .profile-right .history .history-container .item-shorts .item {
  width: 200px !important;
}
.main-light .admin-playlists-all .item .slider-content h3 {
  display: block !important;
  font-family: "Notosans-medium" !important;
  height: 100%;
  color: #cccccc;
  overflow: visible;
  margin-top: 3px;
  font-size: 16px;
  width: 95% !important;
  overflow: hidden;
  line-height: 25px;
  margin-top: -1px;
}
.main-light .shorts-slider-item2 {
  width: 200px !important;
  height: 40px !important;
  overflow: hidden !important;
  background: #14253d;
}
.main-light .shorts-slider-item {
  width: 200px !important;
  height: 340px !important;
  overflow: hidden !important;
  background: #14253d;
  border-radius: 5px;
  position: relative;
}
.main-light .shorts-slider-img {
  width: 200px !important;
  height: 300px !important;
  position: relative;
}
.main-light .shorts-slider-img .premium-tag {
  position: absolute;
  top: 7px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-light .shorts-slider-item .premium-tag,
.main-light .shorts-slider-img .premiums-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  display: inline-block;
  padding: 1px 3px;
  vertical-align: middle;
  color: #945d24;
  background: #fcbd28;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fcbd28), color-stop(100%, #ffd545));
  background:
    linear-gradient(
      to right,
      #fcbd28 0%,
      #ffd545 100%);
  font-family: "Notosans-bold";
}
.main-light .shorts-slider-item .slider-content {
  padding: 7px 15px !important;
  height: auto !important;
  max-height: auto !important;
}
.main-light .shorts-slider-item2 .slider-content h3 {
  width: 95% !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 15px !important;
  color: #cccccc !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-light .web_series .small-vplay .small-slider .item {
  margin-bottom: 15px;
}
.main-light .small-vplay.container .admin-playlists-all {
  padding: 0 5%;
}
.main-light .genre-view .genre-list .item {
  width: auto;
}
.main-light .vjs-selected .vjs-playlist-name {
  color: #f37136;
}
.main-light .pricing .spin-loader-blk-outer {
  background: #14253d;
  display: none;
}
.main-light .pricing .spin-loader-blk-outer h2 {
  font-size: 2rem;
  color: #aeb0b5;
}
.main-light .pricing .spin-loader-blk-outer .spin-loader-blk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main-light .menu_drop .menu li {
  margin-right: 10px;
}
.main-light .super-sub-menu .inner-sub-menu {
  box-shadow: 4px 5px 20px #000106;
}
.main-light .super-sub-menu .inner-sub-menu .innersuper {
  min-height: 265px;
}
.main-light .playlist-all .item.playlist-card {
  margin: 0px;
  margin-top: 5px;
}
.main-light .vjs-playlist-vertical .vjs-playlist-item {
  height: auto;
}
.main-light .copyrights {
  background: #091c34;
}
.main-light footer .s-container {
  width: 100% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #0f233d;
}
.main-light .see_all,
.main-light .view-all,
.main-light .read_more {
  font-size: 16px !important;
  color: rgb(251, 133, 65) !important;
  font-family: "Notosans" !important;
  cursor: pointer;
}
.main-light footer a {
  padding: 2px 0px !important;
}
.main-light footer a i {
  position: relative;
  top: -4px;
}
.main-light .min-content {
  background-image: url("./media/parellexbg-3UO2IIOG.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-light .download_pdf {
  padding: 0px 25px;
  border: 2px solid #4c5c68;
  height: 45px;
  border-radius: 3px;
  font-size: 16px;
  color: white;
  margin: 0 auto;
  position: relative;
}
.main-light .download_pdf svg {
  margin-right: 10px;
}
.main-light .download_pdf::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #f16f36;
  z-index: -9999;
  transition: width 0.4s ease;
}
.main-light .download_pdf:hover::before {
  width: 100%;
  transition: width 0.4s ease;
}
.main-light .download_pdf:hover {
  border: 2px solid #091c34;
}
.main-light .search-blk svg {
  margin-left: -20px !important;
  width: 20px !important;
  height: 20px !important;
}
.main-light .search-blk svg path {
  fill: #acacac !important;
}
.main-light .country-list span.country-name {
  color: #091c34;
}
.main-light header .logo img {
  margin-top: -8px;
}
.main-light .item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1490196078);
}
.main-light .slider-content h3 {
  font-family: "Notosans-medium" !important;
  bottom: 3px;
  position: relative;
}
.main-light .admin-playlists-all h3 {
  bottom: 0px;
}
.main-light .menu-set .menu a {
  color: #cccccc !important;
}
.main-light .menu-set a.go_premium {
  color: #804f1e;
  font-family: "Notosans-bold" !important;
}
.main-light header.home-header.fixed .menu-set a.go_premium {
  color: #804f1e !important;
}
.main-light .playlist-details .playlist-content ul li:nth-child(1) {
  text-transform: capitalize;
}
.main-light .player_next_video {
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: 15%;
  width: auto;
  left: auto;
}
.main-light .player_next_video .show_next:hover {
  color: #fff;
}
.main-light .player_next_video button.show_next span:hover {
  color: #f47637;
}
.main-light .player_next_video button.show_next span:hover svg {
  fill: #f47637;
}
.main-light .player_next_video .show_next svg {
  fill: #fff;
}
.main-light .player_next_video .show_next:hover svg {
  fill: #fff;
}
.main-light .player_next_video button.show_next {
  background: transparent;
  border: none;
  cursor: pointer;
}
.main-light .player_next_video button.show_next svg {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  top: 3px;
}
.main-light .player_next_video button.show_next span {
  font-size: 20px;
  font-family: "Notosans-medium";
}
.main-light .player_next_video .show_next:hover + .next-video-item {
  visibility: visible;
}
.main-light .player_next_video .show_next {
  color: white;
}
.main-light .player_next_video .next-video-item:hover {
  visibility: visible;
}
.main-light .player_next_video .next-video-item {
  visibility: hidden;
  display: flex;
  width: 450px;
  background: rgba(9, 28, 52, 0.9);
  border-radius: 10px;
  padding: 15px 15px;
  padding-top: 20px;
  position: relative;
  left: -320px;
  bottom: 60px;
  cursor: pointer;
}
.main-light .player_next_video .next-video-item img {
  width: 170px;
  height: 98px;
  border-radius: 5px;
  margin-right: 20px;
}
.main-light .player_next_video .video-title {
  font-size: 18px;
  color: white;
  font-family: "Notosans-bold";
}
.main-light .player_next_video .video-desc {
  font-size: 16px;
  color: #ccc;
  font-family: "Notosans";
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
}
.main-light .nav-item:nth-of-type(4) .innersuper {
  min-height: 368px !important;
}
.main-light .admin-playlists-all .admin-playlist-card-container {
  background: #14253d;
}
.main-light .staring {
  display: none !important;
}
.main-light .sub_modal .card-outer {
  padding: 30px 0px !important;
}
.main-light .sub_modal .back-btn {
  margin-right: 10px;
  width: 100%;
  padding: 0px;
}
.main-light .sub_modal h4 {
  font-size: 26px !important;
  margin-top: 0px !important;
  padding: 0px 25px;
}
.main-light .sub_modal .header {
  position: relative !important;
  background: rgb(5, 10, 20);
}
.main-light .sub_modal .close {
  top: 76px !important;
  right: 8px !important;
}
.main-light .sub_modal .login-modal {
  margin-top: 40px;
  max-width: 32rem !important;
  padding-top: 0;
  box-shadow: 0px 0px 2px #0f233d;
}
.main-light .sub_modal .login-modal h3 {
  border-bottom: 1px solid #4c5c68;
}
.main-light .sub_modal .modal-content {
  padding: 10 !important;
  background: #0e233d;
}
.main-light .sub_modal .card-payment-popup {
  background: transparent;
  border: none;
  margin: 0;
}
.main-light .sub_modal h3 button {
  display: none;
}
.main-light .enter_note {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: -15px;
  padding: 0px 10px;
}
.main-light .f-row .menu-set a.go_premium {
  padding: 4px 8px;
  border-radius: 2px !important;
  margin-left: 5px;
}
.main-light .tittle h5 {
  color: #ccc;
  font-family: "Notosans-medium";
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.main-light select {
  background-image: url("./media/caret-HHUULCKT.svg") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: auto 38% !important;
  outline: none;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.main-light .contact-links,
.main-light .app-links {
  width: 22.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-light .links-text {
  width: 17%;
  margin: 0 !important;
  margin-left: 2.5% !important;
}
.main-light .app-links .tittle {
  margin-bottom: 10px;
}
.main-light {
}
.main-light .new_menu_drop .new_menu {
  position: relative;
}
.main-light .new_menu_drop .new_menu svg {
  margin-left: 10px;
}
.main-light .new_menu_drop .new_sub-menu {
  padding-bottom: 70px;
  display: none;
  background: url("./media/navbg-5JCTYLSZ.png");
  position: absolute;
  top: 45px;
  left: -50px;
  width: 900px;
  min-height: 30px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 5px 20px #0b1c34;
  padding-top: 15px;
  height: auto;
  cursor: default;
}
.main-light .new_menu_drop .nsub_li:hover a {
  color: #ff7424 !important;
}
.main-light .new_menu_drop .nsub_li {
  width: 25%;
  padding: 7px 15px 7px 15px;
  position: relative;
  color: #bfbfbf;
  font-size: 16px;
  cursor: pointer;
}
.main-light .new_menu_drop .nsub_li a {
  font-family: "Notosans";
}
.main-light .new_menu_drop .nsub_li.active {
  background: #182e4a;
  color: #ff7424;
}
.main-light .new_menu_drop .nsub_li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-light .new_menu_drop .sub_full.active .nsub_li {
  background: #182e4a;
  color: #ff7424;
}
.main-light .new_menu_drop .sub_full.active .nsub_li a {
  color: #ff7424 !important;
}
.main-light .new_menu_drop .new_super-sub-menu.active .new_innersuper {
  display: flex !important;
}
.main-light .new_menu_drop .nsub_li:hover a {
  color: #ff7424;
}
.main-light .new_menu_drop .new_innersuper {
  display: none;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-light .new_menu_drop .new_super-sub-menu {
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
  float: right;
  background: #182e4a;
  width: 75%;
  margin-top: -59px;
  min-height: 100%;
  display: block;
  position: absolute;
  top: 60px;
  right: 0;
}
.main-light .new_menu_drop .new_innersuper li {
  padding-bottom: 10px;
  font-size: 17px;
  color: #fff;
  width: 33%;
  border-right: 1px solid #283850;
  cursor: pointer;
}
.main-light .new_menu_drop .new_innersuper li a {
  font-family: "Notosans";
}
.main-light .new_menu_drop .explore {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  border-top: 2px solid #1d334e;
}
.main-light .new_menu_drop .explore a {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold" !important;
  color: #fff !important;
  cursor: pointer;
}
.main-light .new_menu_drop .explore a svg {
  display: block !important;
}
.main-light .new_menu_drop .explore a svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.main-light .new_menu_drop .nsub_li:hover + .new_super-sub-menu .new_innersuper {
  display: block;
}
.main-light .new_menu_drop .nsub_li:hover + .new_super-sub-menu {
  display: block !important;
}
.main-light .new_menu_drop .new_nav-item {
  margin-right: 5px;
  cursor: pointer;
  padding: 3px 8px;
  position: relative;
}
.main-light .new_menu_drop .new_nav-item:hover .new_sub-menu {
  display: block;
}
.main-light .new_menu_drop .new_sub-menu:hover {
  display: block;
}
.main-light .web_series_detail .video-data-info {
  padding-top: 5px;
}
.main-light .web_series_detail .video-data-info .share {
  cursor: pointer;
  display: inline-flex;
  border-left: 1px solid #a2a2a2;
  padding-left: 20px;
  margin-left: -20px;
  padding-top: 2px;
}
.main-light .web_series_detail .video-data-info .share svg {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.main-light #vertical_tab_nav {
  width: 900px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 45px;
  background-repeat: repeat;
  background-size: cover;
  min-height: 30px;
  padding-top: 10px;
  left: -55px;
}
.main-light #vertical_tab_nav ul {
  padding-top: 15px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  width: 25%;
  padding-top: 25px;
  margin-bottom: 50px;
}
.main-light #vertical_tab_nav li {
  margin-bottom: 1px;
  text-align: left;
  padding: 0px;
}
.main-light #vertical_tab_nav li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.main-light #vertical_tab_nav li a {
  font-size: 16px;
  font-family: "Notosans";
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4%;
  padding-left: 20px;
  background: transparent;
  background: -webkit-linear-gradient(top, #a79acb, #6c5a9d);
  background: -moz-linear-gradient(top, #a79acb, #6c5a9d);
}
.main-light #vertical_tab_nav li a.selected {
  background: #182e4a;
  color: #ff7424;
}
.main-light #vertical_tab_nav li:hover {
  background: #182e4a;
  color: #ff7424;
}
.main-light #vertical_tab_nav li a svg {
  display: inline-block;
}
.main-light #vertical_tab_nav li a:hover {
  color: #ff7424;
}
.main-light #vertical_tab_nav div li a {
  padding: 0;
}
.main-light #vertical_tab_nav div {
  display: block;
  float: left;
  background: #182e4a;
  width: 75%;
  min-height: 365px;
  padding: 30px 3% 30px 3%;
}
.main-light #vertical_tab_nav div article {
  display: none;
  margin: 0px;
  color: #000;
  font-size: 18px;
}
.main-light #vertical_tab_nav div article p {
  margin: 0px 0px 20px 0px;
}
.main-light .selected article {
  display: flex;
}
.main-light #vertical_tab_nav {
  display: none;
}
.main-light .new_nav-item:hover #vertical_tab_nav {
  display: block;
}
.main-light article li {
  width: 33%;
}
.main-light .sub_full svg {
  display: block !important;
  width: 10px;
  height: 10px;
  margin-top: 3px;
}
.main-light .explore {
  width: 100% !important;
  height: 55px !important;
  display: flex !important;
  align-items: center !important;
  border-top: 2px solid #1d334e;
  min-height: auto !important;
  position: absolute;
  bottom: 0;
  padding: initial !important;
  background: url("./media/navbg-5JCTYLSZ.png") !important;
}
.main-light .explore h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Notosans-bold";
  color: #fff;
}
.main-light .no-connection .content svg path,
.main-light .no-connection .content svg circle,
.main-light .no-connection .content svg rect,
.main-light .no-connection .content svg polygon {
  fill: #fb8541;
}
.main-light .no-connection .content-header {
  border-bottom: 1px dashed #fb8541;
}
.main-light .menu-set .new_menu_drop a {
  padding: 0 10px;
}
.main-light .new_super-sub-menu {
  display: none !important;
}
.main-light .sub_full.active .new_super-sub-menu {
  display: block !important;
}
.main-light .navar {
  position: absolute;
  top: -10px;
  left: 70px;
  width: 20px;
  height: 10px;
}
.main-light .min-content.overlay_min {
  opacity: 0.7;
}
.main-light .new_super-sub-menu:hover {
  display: block !important;
}
.main-light .new_super-sub-menu.active .new_innersuper {
  display: block !important;
}
.main-light .nsub_li img {
  width: 10px;
  align-self: center;
  margin-top: 1px;
}
.main-light .nsub_li {
  display: flex;
  justify-content: space-between;
}
.main-light .new_innersuper li a {
  color: #fff !important;
}
.main-light .new_innersuper li a:hover {
  color: #ff7424 !important;
}
.main-light .new_menu_drop .new_innersuper li a {
  font-size: 16px !important;
}
.main-light .hov {
  display: none;
}
.main-light .nsub_li:hover .nohov {
  display: none;
}
.main-light .nsub_li:hover .hov {
  display: block;
}
.main-light .new_sub-menu .sub_full a,
.main-light .menu-set a {
  font-family: "Notosans" !important;
}
.main-light .nsub_li a {
  color: #ccc !important;
}
.main-light .no-sub-cat .new_sub-menu {
  width: 230px !important;
}
.main-light .no-sub-cat .new_super-sub-menu {
  width: 0 !important;
  visibility: hidden;
}
.main-light .no-sub-cat .nsub_li {
  width: 100% !important;
}
.main-light .col-one .new_super-sub-menu {
  width: 62.5%;
}
.main-light .col-one .nsub_li {
  width: 37.5%;
}
.main-light .col-one .new_sub-menu {
  width: 600px;
}
.main-light .col-one .explore a {
  margin-left: 29%;
}
.main-light .col-two .new_super-sub-menu {
  width: 80%;
}
.main-light .col-two .nsub_li {
  width: 20%;
}
.main-light .col-two .new_sub-menu {
  width: 1155px;
}
.main-light .col-two .section-one,
.main-light .col-two .section-two,
.main-light .col-two .section-three {
  width: 50%;
}
.main-light .col-two .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 47%;
}
.main-light .col-two .section-one a {
  padding-right: 17px !important;
}
.main-light .col-two .section-two a {
  padding-left: 30px !important;
  padding-right: 0px !important;
}
.main-light .col-two .explore a {
  margin-left: 20%;
}
.main-light .explore a {
  margin-left: 18%;
}
.main-light .col-three .explore a {
  margin-left: 15%;
}
.main-light .col-three .new_super-sub-menu {
  width: 80%;
}
.main-light .col-three .nsub_li {
  width: 20%;
}
.main-light .col-three .new_sub-menu {
  width: 1100px;
}
.main-light .col-three .section-one,
.main-light .col-three .section-two,
.main-light .col-three .section-three {
  width: 33%;
}
.main-light .col-three .section-one::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 33%;
}
.main-light .col-three .section-two::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  background: #283850;
  top: 0;
  left: 64%;
}
.main-light .section-one a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-light .section-two a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-light .section-three a {
  padding: 0px 20px 7px 20px !important;
  font-size: 16px !important;
}
.main-light .home-banner .owl-carousel .owl-item img {
  max-width: 100%;
  height: 100% !important;
  width: 100% !important;
  object-fit: scale-down;
  opacity: 0.7;
}
.main-light .home-banner .banner-tittle::before {
  content: "";
  background: #000000;
  background:
    linear-gradient(
      to right,
      #0e233d 0%,
      #0e233d 10%,
      rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  height: 272px;
}
.main-light .slider-item,
.main-dark .profile-page .profile-right .history .history-container .main-light .item,
.main-light .profile-page .profile-right .history .history-container .item {
  background: #14253d !important;
}
.main-light {
}
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-light .showPlayer .play-button > .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-modal-dialog,
.main-light .showPlayer .play-modal-dialog .play-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-light .showPlayer .play-button > .play-icon-placeholder:before {
  text-align: center;
}
.main-light .showPlayer sup {
  color: red;
  font-size: 0.7em;
  margin-left: 0.3em;
  line-height: 0em;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-play,
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-play-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-play:before,
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "\f101";
}
.main-light .showPlayer .play-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-play-circle:before {
  content: "\f102";
}
.main-light .showPlayer .play-icon-pause,
.main-light .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-pause:before,
.main-light .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  content: "\f103";
}
.main-light .showPlayer .play-icon-volume-mute,
.main-light .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-volume-mute:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "\f104";
}
.main-light .showPlayer .play-icon-volume-low,
.main-light .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-volume-low:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "\f105";
}
.main-light .showPlayer .play-icon-volume-mid,
.main-light .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-volume-mid:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "\f106";
}
.main-light .showPlayer .play-icon-volume-high,
.main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-volume-high:before,
.main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "\f107";
}
.main-light .showPlayer .play-icon-fullscreen-enter,
.main-light .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-fullscreen-enter:before,
.main-light .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f108";
}
.main-light .showPlayer .play-icon-fullscreen-exit,
.main-light .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-fullscreen-exit:before,
.main-light .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f109";
}
.main-light .showPlayer .play-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-square:before {
  content: "\f10a";
}
.main-light .showPlayer .play-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-spinner:before {
  content: "\f10b";
}
.main-light .showPlayer .play-icon-subtitles,
.main-light .showPlayer .play-js .play-subtitles-button .play-icon-placeholder,
.main-light .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder,
.main-light .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder,
.main-light .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder,
.main-light .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder,
.main-light .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-subtitles:before,
.main-light .showPlayer .play-js .play-subtitles-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-subs-caps-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10c";
}
.main-light .showPlayer .play-icon-captions,
.main-light .showPlayer .play-js .play-captions-button .play-icon-placeholder,
.main-light .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder,
.main-light .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-captions:before,
.main-light .showPlayer .play-js .play-captions-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js:lang(en) .play-subs-caps-button .play-icon-placeholder:before,
.main-light .showPlayer .play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10d";
}
.main-light .showPlayer .play-icon-chapters,
.main-light .showPlayer .play-js .play-chapters-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-chapters:before,
.main-light .showPlayer .play-js .play-chapters-button .play-icon-placeholder:before {
  content: "\f10e";
}
.main-light .showPlayer .play-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-share:before {
  content: "\f10f";
}
.main-light .showPlayer .play-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-cog:before {
  content: "\f110";
}
.main-light .showPlayer .play-icon-circle,
.main-light .showPlayer .play-js .play-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-circle:before,
.main-light .showPlayer .play-js .play-volume-level:before {
  content: "\f111";
}
.main-light .showPlayer .play-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-circle-outline:before {
  content: "\f112";
}
.main-light .showPlayer .play-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-circle-inner-circle:before {
  content: "\f113";
}
.main-light .showPlayer .play-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-hd:before {
  content: "\f114";
}
.main-light .showPlayer .play-icon-cancel,
.main-light .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-cancel:before,
.main-light .showPlayer .play-js .play-control.play-close-button .play-icon-placeholder:before {
  content: "\f115";
}
.main-light .showPlayer .play-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-replay:before {
  content: "\f116";
}
.main-light .showPlayer .play-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-facebook:before {
  content: "\f117";
}
.main-light .showPlayer .play-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-gplus:before {
  content: "\f118";
}
.main-light .showPlayer .play-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-linkedin:before {
  content: "\f119";
}
.main-light .showPlayer .play-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-twitter:before {
  content: "\f11a";
}
.main-light .showPlayer .play-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-tumblr:before {
  content: "\f11b";
}
.main-light .showPlayer .play-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-pinterest:before {
  content: "\f11c";
}
.main-light .showPlayer .play-icon-audio-description,
.main-light .showPlayer .play-js .play-descriptions-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-audio-description:before,
.main-light .showPlayer .play-js .play-descriptions-button .play-icon-placeholder:before {
  content: "\f11d";
}
.main-light .showPlayer .play-icon-audio,
.main-light .showPlayer .play-js .play-audio-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-audio:before,
.main-light .showPlayer .play-js .play-audio-button .play-icon-placeholder:before {
  content: "\f11e";
}
.main-light .showPlayer .play-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-next-item:before {
  content: "\f11f";
}
.main-light .showPlayer .play-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-icon-previous-item:before {
  content: "\f120";
}
.main-light .showPlayer .play-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: normal;
  font-style: normal;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  word-break: initial;
}
.main-light .showPlayer .play-js:-moz-full-screen {
  position: absolute;
}
.main-light .showPlayer .play-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.main-light .showPlayer .play-js[tabindex="-1"] {
  outline: none;
}
.main-light .showPlayer .play-js *,
.main-light .showPlayer .play-js *:before,
.main-light .showPlayer .play-js *:after {
  box-sizing: inherit;
}
.main-light .showPlayer .play-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.main-light .showPlayer .play-js.play-fluid,
.main-light .showPlayer .play-js.play-16-9,
.main-light .showPlayer .play-js.play-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.main-light .showPlayer .play-js.play-16-9 {
  padding-top: 56.25%;
}
.main-light .showPlayer .play-js.play-4-3 {
  padding-top: 75%;
}
.main-light .showPlayer .play-js.play-fill {
  width: 100%;
  height: 100%;
}
.main-light .showPlayer .play-js .play-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-light .showPlayer body.play-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.main-light .showPlayer .play-full-window .play-js.play-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.main-light .showPlayer .play-js.play-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.main-light .showPlayer .play-js.play-fullscreen.play-user-inactive {
  cursor: none;
}
.main-light .showPlayer .play-hidden {
  display: none !important;
}
.main-light .showPlayer .play-disabled {
  opacity: 0.5;
  cursor: default;
}
.main-light .showPlayer .play-js .play-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.main-light .showPlayer .play-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.main-light .showPlayer .play-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.main-light .showPlayer .play-no-js a,
.main-light .showPlayer .play-no-js a:visited {
  color: #66a8cc;
}
.main-light .showPlayer .play-js .play-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  display: block;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0;
  background: transparent;
  height: 1.9em;
  top: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.6em;
  border-radius: 0.3em;
}
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "" !important;
  margin: auto;
  text-align: center;
  width: 1.67em;
  height: 1.67em;
}
.main-light .showPlayer .play-has-started.play-paused .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-big-play-button .play-icon-placeholder {
  margin: auto;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.main-light .showPlayer .play-js .play-big-play-button:hover {
  background: transparent;
}
.main-light .showPlayer .play-big-play-centered .play-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.main-light .showPlayer .play-js:hover .play-big-play-button,
.main-light .showPlayer .play-js .play-big-play-button:focus {
  transition: all 0s;
}
.main-light .showPlayer .play-controls-disabled .play-big-play-button,
.main-light .showPlayer .play-has-started .play-big-play-button,
.main-light .showPlayer .play-using-native-controls .play-big-play-button,
.main-light .showPlayer .play-error .play-big-play-button {
  display: none;
}
.main-light .showPlayer .play-has-started.play-paused.play-show-big-play-button-on-pause .play-big-play-button {
  display: block;
}
.main-light .showPlayer .play-play-toggle .play-big-play-button {
  display: block;
}
.main-light .showPlayer .play-playing.play-has-started .play-big-play-button span {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.main-light .showPlayer .play-has-started .play-big-play-button {
  outline: none;
  cursor: default;
}
.main-light .showPlayer .play-paused.play-has-started .play-big-play-button {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.main-light .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button {
  display: block;
  -webkit-animation: unset;
  animation: unset;
  opacity: 1;
  cursor: pointer;
}
.main-light .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 1.8em;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.main-light .showPlayer .play-paused.play-has-started.play-ended .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-light .showPlayer .play-icon-volume-high:before,
.main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-WYMPWCH7.svg");
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-light .showPlayer .play-icon-volume-mid:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-2-UPW4NS4E.svg");
  background-position: center;
}
.main-light .showPlayer .play-icon-volume-low:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-1-JH75QXOL.svg");
  background-position: center;
}
.main-light .showPlayer .play-icon-volume-mute:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-mute-QI7G22GK.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-settings-RNCHOQHN.svg");
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control:before {
  content: "";
  border-top: 10px solid rgba(37, 37, 37, 0.85);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  right: 5em;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control.play-settings-clicked:before {
  display: none;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: rgba(212, 212, 212, 0.5);
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
}
.main-light .showPlayer .play-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main-light .showPlayer .play-js button:focus {
  outline: none;
}
.main-light .showPlayer .play-control .play-button {
  width: 100%;
  height: 100%;
}
.main-light .showPlayer .play-js .play-control.play-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.main-light .showPlayer .play-js .play-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8),
      rgba(255, 255, 255, 0));
  overflow: auto;
}
.main-light .showPlayer .play-js .play-modal-dialog > * {
  box-sizing: border-box;
}
.main-light .showPlayer .play-modal-dialog .play-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.main-light .showPlayer .play-menu-button {
  cursor: pointer;
}
.main-light .showPlayer .play-menu-button.play-disabled {
  cursor: default;
}
.main-light .showPlayer .play-workinghover .play-menu-button.play-disabled:hover .play-menu {
  display: none;
}
.main-light .showPlayer .play-menu .play-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  overflow: auto;
}
.main-light .showPlayer .play-menu .play-menu-content > * {
  box-sizing: border-box;
}
.main-light .showPlayer .play-scrubbing .play-control.play-menu-button:hover .play-menu {
  display: none;
}
.main-light .showPlayer .play-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.main-light .showPlayer .play-menu li.play-menu-item:focus,
.main-light .showPlayer .play-menu li.play-menu-item:hover {
  background-color: #9d9080;
  background-color: rgba(212, 212, 212, 0.5);
}
.main-light .showPlayer .play-menu li.play-selected,
.main-light .showPlayer .play-menu li.play-selected:focus,
.main-light .showPlayer .play-menu li.play-selected:hover {
  background-color: #fff;
  color: #423b33;
}
.main-light .showPlayer .play-menu li.play-menu-title {
  text-align: center;
  text-transform: capitalize;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.main-light .showPlayer .play-menu-button-popup .play-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(66, 59, 51, 0.4);
}
.main-light .showPlayer .play-menu-button-popup .play-menu .play-menu-content {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 19em;
}
.main-light .showPlayer .play-workinghover .play-menu-button-popup:hover .play-menu,
.main-light .showPlayer .play-menu-button-popup .play-menu.play-lock-showing {
  display: block;
}
.main-light .showPlayer .play-quality-selector .play-menu-content {
  max-height: none;
}
.main-light .showPlayer .play-js .play-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.main-light .showPlayer .play-js .play-menu-button-inline:before {
  width: 2.222222222em;
}
.main-light .showPlayer .play-js .play-menu-button-inline:hover,
.main-light .showPlayer .play-js .play-menu-button-inline:focus,
.main-light .showPlayer .play-js .play-menu-button-inline.play-slider-active,
.main-light .showPlayer .play-js.play-no-flex .play-menu-button-inline {
  width: 12em;
}
.main-light .showPlayer .play-menu-button-inline .play-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.main-light .showPlayer .play-menu-button-inline:hover .play-menu,
.main-light .showPlayer .play-menu-button-inline:focus .play-menu,
.main-light .showPlayer .play-menu-button-inline.play-slider-active .play-menu {
  display: block;
  opacity: 1;
}
.main-light .showPlayer .play-no-flex .play-menu-button-inline .play-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.main-light .showPlayer .play-no-flex .play-menu-button-inline:hover .play-menu,
.main-light .showPlayer .play-no-flex .play-menu-button-inline:focus .play-menu,
.main-light .showPlayer .play-no-flex .play-menu-button-inline.play-slider-active .play-menu {
  width: auto;
}
.main-light .showPlayer .play-menu-button-inline .play-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.main-light .showPlayer .play-js .play-control-bar {
  display: none;
  width: 85%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.4em;
  border-radius: 3px;
  background-color: #252525;
  margin: 0px auto 9em;
  padding: 0 0.5em;
}
.main-light .showPlayer .play-has-started .play-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.main-light .showPlayer .play-has-started.play-user-inactive.play-playing .play-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-light .showPlayer .play-controls-disabled .play-control-bar,
.main-light .showPlayer .play-using-native-controls .play-control-bar,
.main-light .showPlayer .play-error .play-control-bar {
  display: none !important;
}
.main-light .showPlayer .play-audio.play-has-started.play-user-inactive.play-playing .play-control-bar {
  opacity: 1;
  visibility: visible;
}
.main-light .showPlayer .play-has-started.play-no-flex .play-control-bar {
  display: table;
}
.main-light .showPlayer .play-js .play-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.main-light .showPlayer .play-button > .play-icon-placeholder:before {
  font-size: 2em;
  line-height: 1.67;
}
.main-light .showPlayer .play-js .play-control:focus:before,
.main-light .showPlayer .play-js .play-control:hover:before,
.main-light .showPlayer .play-js .play-control:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-light .showPlayer .play-js .play-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.main-light .showPlayer .play-no-flex .play-control {
  display: table-cell;
  vertical-align: middle;
}
.main-light .showPlayer .play-js .play-custom-control-spacer {
  display: none;
}
.main-light .showPlayer .play-js .play-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.main-light .showPlayer .play-js .play-progress-control.disabled {
  cursor: default;
}
.main-light .showPlayer .play-live .play-progress-control {
  display: none;
}
.main-light .showPlayer .play-no-flex .play-progress-control {
  width: auto;
}
.main-light .showPlayer .play-js .play-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.7em;
}
.main-light .showPlayer .play-js .play-progress-control .play-progress-holder {
  margin: 0 15px;
}
.main-light .showPlayer .play-js .play-progress-control:hover .play-progress-holder.disabled {
  font-size: 1em;
}
.main-light .showPlayer .play-js .play-progress-holder .play-play-progress,
.main-light .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-light .showPlayer .play-js .play-progress-holder .play-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  outline: none;
}
.main-light .showPlayer .play-js .play-play-progress {
  background-color: #f0f0f0;
  border-radius: 24px;
}
.main-light .showPlayer .play-js .play-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
  content: "";
}
.main-light .showPlayer .play-js .play-load-progress {
  background: #54595b;
}
.main-light .showPlayer .play-js .play-load-progress div {
  background: #54595b;
}
.main-light .showPlayer .play-js .play-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1em;
  padding: 8px 8px 4px 8px;
  pointer-events: none;
  position: relative;
  top: -3.3em;
  visibility: hidden;
  z-index: 1;
  outline: none;
}
.main-light .showPlayer .play-js .play-progress-holder:focus .play-time-tooltip {
  display: none;
}
.main-light .showPlayer .play-js .play-progress-control:hover .play-time-tooltip,
.main-light .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip {
  display: block;
  font-size: 0.8em;
  visibility: visible;
}
.main-light .showPlayer .play-js .play-progress-control.disabled:hover .play-time-tooltip {
  font-size: 1em;
}
.main-light .showPlayer .play-js .play-progress-control .play-mouse-display {
  display: none;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55);
  z-index: 1;
  outline: 0;
}
.main-light .showPlayer .play-no-flex .play-progress-control .play-mouse-display {
  z-index: 0;
}
.main-light .showPlayer .play-js .play-progress-control:hover .play-mouse-display {
  display: block;
}
.main-light .showPlayer .play-js.play-user-inactive .play-progress-control .play-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.main-light .showPlayer .play-js.play-user-inactive.play-no-flex .play-progress-control .play-mouse-display {
  display: none;
}
.main-light .showPlayer .play-mouse-display .play-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.main-light .showPlayer .play-js.play-hls-quality-selector {
  display: block;
}
.main-light .showPlayer .play-js .play-seek-button {
  font-family: "Material Icons";
  cursor: pointer;
}
.main-light .showPlayer .play-js .play-seek-button.skip-back::before {
  content: "\e042";
}
.main-light .showPlayer .play-js .play-seek-button.skip-back.skip-10::before {
  content: "\e059";
}
.main-light .showPlayer .play-js .play-seek-button.skip-back.skip-5::before {
  content: "\e05b";
}
.main-light .showPlayer .play-js .play-seek-button.skip-back.skip-30::before {
  content: "\e05a";
}
.main-light .showPlayer .play-js .play-seek-button.skip-forward::before {
  content: "\e5d5";
}
.main-light .showPlayer .play-js .play-seek-button.skip-forward.skip-10::before {
  content: "\e056";
}
.main-light .showPlayer .play-js .play-seek-button.skip-forward.skip-5::before {
  content: "\e058";
}
.main-light .showPlayer .play-js .play-seek-button.skip-forward.skip-30::before {
  content: "\e057";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5::before,
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30::before {
  content: none;
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before {
  content: "\e042";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before {
  content: "\e059";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before {
  content: "\e05b";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before {
  content: "\e05a";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
  content: "\e5d5";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before {
  content: "\e056";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before {
  content: "\e058";
}
.main-light .showPlayer .play-js.play-v6 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before,
.main-light .showPlayer .play-js.play-v7 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before {
  content: "\e057";
}
.main-light .showPlayer .play-js .play-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #3d4142;
  border-radius: 24px;
}
.main-light .showPlayer .play-js .play-progress-holder .play-load-progress,
.main-light .showPlayer .play-js .play-progress-holder .play-load-progress div,
.main-light .showPlayer .play-js .play-progress-holder .play-play-progress {
  border-radius: 24px;
}
.main-light .showPlayer .play-js .play-slider.disabled {
  cursor: default;
}
.main-light .showPlayer .play-js .play-slider:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.main-light .showPlayer .play-auto-selected-quality {
  font-weight: bold;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-light .showPlayer .play-js .play-settings.play-control > button.play-button {
  cursor: pointer;
}
.main-light .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control {
  position: absolute;
  bottom: calc(100% + 1.5em);
  right: -4em;
  height: auto;
  width: 17em;
  background-color: rgba(37, 37, 37, 0.85);
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
  height: 3em;
  width: 100%;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: #9d9080;
  background-color: rgba(157, 144, 128, 0.5);
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  align-items: center;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text {
  position: unset;
  text-align: left;
  font-size: 1em;
  padding: 0;
  font-weight: bold;
  height: auto;
  width: 7em;
  line-height: 1.1em;
  overflow: inherit;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-icon-placeholder {
  display: none;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  text-align: right;
  padding-right: 1em;
  line-height: 3em;
  flex: 1;
  position: static;
}
.main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value:after {
  content: ">";
  font-size: 1.1em;
  line-height: normal;
  font-weight: bold;
  margin-left: 0.4em;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked {
  width: 8em;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-control {
  height: unset;
  display: none;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked {
  display: block;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu-button.play-menu-button-popup {
  display: none;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing {
  display: block;
  margin-bottom: unset;
  position: unset;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
  background-color: rgba(37, 37, 37, 0.85);
  bottom: -6.5em;
  right: 2.5em;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title {
  border-bottom: 1px solid #8a8a8a;
  padding: 1px;
  cursor: pointer;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title:before {
  content: "<";
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 0.4em;
}
.main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-item {
  line-height: 1.5em;
}
.main-light .showPlayer .play-workinghover .play-settings.play-control .play-menu-button-popup:hover .play-menu {
  display: none;
}
.main-light .showPlayer .play-js .play-mute-control {
  cursor: pointer;
  flex: none;
}
.main-light .showPlayer .play-js .play-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.main-light .showPlayer .play-js .play-volume-control.play-volume-horizontal {
  width: 5em;
}
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.main-light .showPlayer .play-js .play-volume-panel {
  transition: width 1s;
}
.main-light .showPlayer .play-js .play-volume-panel:hover .play-volume-control,
.main-light .showPlayer .play-js .play-volume-panel:active .play-volume-control,
.main-light .showPlayer .play-js .play-volume-panel:focus .play-volume-control,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control:hover,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control:active,
.main-light .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.main-light .showPlayer .play-js .play-volume-panel:hover .play-volume-control.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel:active .play-volume-control.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel:focus .play-volume-control.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control:hover.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control:active.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control.play-volume-horizontal,
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control.play-slider-active.play-volume-horizontal {
  height: 3em;
}
.main-light .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical {
  display: none;
}
.main-light .showPlayer .play-js .play-volume-panel button.play-mute-control.play-control.play-button:hover + div.play-volume-control.play-control.play-volume-vertical {
  display: block;
}
.main-light .showPlayer .play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical:hover {
  display: block;
}
.main-light .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:hover,
.main-light .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal:active,
.main-light .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-slider-active {
  transition: width 0.1s;
}
.main-light .showPlayer .play-js .play-volume-panel.play-volume-panel-horizontal.play-mute-toggle-only {
  width: 4em;
}
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-vertical {
  height: 12em;
  width: 3em;
  left: -3.3em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.main-light .showPlayer .play-js .play-volume-panel .play-volume-control.play-volume-horizontal {
  transition: visibility 1s, opacity 1s;
}
.main-light .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.main-light .showPlayer .play-js.play-no-flex .play-volume-control.play-volume-vertical,
.main-light .showPlayer .play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.main-light .showPlayer .play-js .play-volume-panel {
  display: flex;
}
.main-light .showPlayer .play-js .play-volume-bar {
  margin: 1.35em 0.45em;
}
.main-light .showPlayer .play-volume-bar.play-slider-horizontal {
  width: 100%;
  height: 0.3em;
}
.main-light .showPlayer .play-volume-bar.play-slider-vertical {
  width: 0.35em;
  height: 9em;
  margin: 1.35em auto;
}
.main-light .showPlayer .play-js .play-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.main-light .showPlayer .play-js .play-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.main-light .showPlayer .play-slider-vertical .play-volume-level {
  width: 0.31em;
}
.main-light .showPlayer .play-slider-vertical .play-volume-level:before {
  top: -0.5em;
  left: -0.33em;
}
.main-light .showPlayer .play-slider-horizontal .play-volume-level {
  height: 0.3em;
}
.main-light .showPlayer .play-slider-horizontal .play-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.main-light .showPlayer .play-volume-bar.play-slider-vertical .play-volume-level {
  height: 100%;
}
.main-light .showPlayer .play-volume-bar.play-slider-horizontal .play-volume-level {
  width: 100%;
}
.main-light .showPlayer .play-js .play-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 6.5em;
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
}
.main-light .showPlayer .play-js .play-volume-horizontal .play-menu {
  left: -2em;
}
.main-light .showPlayer .play-js .play-volume-horizontal .play-volume-bar {
  margin: 1.35em;
}
.main-light .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  bottom: 30px;
  left: 80%;
  height: 3em;
  -webkit-transform: none;
  transform: none;
  width: 10em;
  top: -3px;
}
.main-light .showPlayer .audio-js.play-js .play-volume-panel-horizontal.play-volume-panel .play-volume-control {
  background: rgba(66, 59, 51, 0.4);
}
.main-light .showPlayer .play-js .play-volume-horizontal .play-volume-level:after {
  content: "\f111";
  position: absolute;
  font-size: 0.9em;
  top: -0.3em;
  left: -0.33em;
  background: transparent;
  display: none;
}
.main-light .showPlayer .play-js .play-volume-horizontal .play-volume-level:before {
  content: "\f111";
  position: absolute;
  font-size: 1.2em;
  top: -0.29em;
  color: #2eb7d7;
  z-index: 100;
  border-radius: 50%;
  right: -7px;
}
.main-light .showPlayer .play-js button.play-previous-control,
.main-light .showPlayer .play-js button.play-next-control,
.main-light .showPlayer .play-js .play-volume-panel {
  height: 2.4em;
}
.main-light .showPlayer .audio-js.play-js .play-control.play-play-control {
  width: 5.4em;
  height: 5.4em;
}
.main-light .showPlayer .audio-js .audio-player-element > div {
  align-items: center;
}
.main-light .showPlayer .play-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.main-light .showPlayer .play-has-started .play-poster {
  display: none;
}
.main-light .showPlayer .play-audio.play-has-started .play-poster {
  display: block;
}
.main-light .showPlayer .play-using-native-controls .play-poster {
  display: none;
}
.main-light .showPlayer .play-js .play-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.main-light .showPlayer .play-no-flex .play-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.main-light .showPlayer .play-js .play-time-control {
  flex: none;
  font-size: 1.2em;
  min-width: 1.2em;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-light .showPlayer .play-time-divider {
  line-height: 3em;
}
.main-light .showPlayer .play-live .play-time-divider {
  display: none;
}
.main-light .showPlayer .play-js .play-play-control .play-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.main-light .showPlayer .play-js .play-play-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
}
.main-light .showPlayer .play-js .play-play-control.play-paused .play-icon-placeholder:before {
  background-image: url("./media/player-play-DRJ54AUD.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-play-control.play-ended .play-icon-placeholder:before {
  background-image: url("./media/player-replay-VCOW2TRX.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-play-control.play-playing .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RBR32NTE.svg");
  background-position: center;
}
.main-light .showPlayer .play-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.main-light .showPlayer .play-js.play-user-inactive.play-playing .play-text-track-display {
  bottom: 1em;
}
.main-light .showPlayer .play-js .play-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.main-light .showPlayer .play-subtitles {
  color: #fff;
}
.main-light .showPlayer .play-captions {
  color: #fc6;
}
.main-light .showPlayer .play-tt-cue {
  display: block;
}
.main-light .showPlayer video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.main-light .showPlayer .play-js.play-user-inactive.play-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.main-light .showPlayer .play-js .play-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.main-light .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/player-zoom-in-MMZYARHN.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-next-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/next-track-button-43AMHUWC.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-share-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/share-HLGQMO4S.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-playlist-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/playlist-IWZADL4J.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-favourite-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/favourite-VENDLXRH.svg");
  background-position: center;
  cursor: pointer;
}
.main-light .showPlayer .play-js .favourite-selected .play-icon-placeholder:before {
  background-image: url("./media/favourite-selected-GNDBHRIT.svg") !important;
}
.main-light .showPlayer .play-js .play-previous-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/previous-track-button-ZBA2QJZY.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-shuffle-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-shuffle-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-repeat-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/loop-button-2PB6TLEZ.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-repeat-one-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-light .showPlayer .play-js .play-repeat-off-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  background-position: center;
}
.main-light .showPlayer .play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  background-image: url("./media/player-zoom-out-IULOZ34I.svg");
  background-position: center;
  width: 0.92em;
  height: 0.92em;
}
.main-light .showPlayer .play-playback-rate .play-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-light .showPlayer .play-playback-rate .play-playback-rate-value {
  pointer-events: none;
  font-size: 1.3em;
  line-height: 2.5;
  text-align: center;
}
.main-light .showPlayer .play-playback-rate .play-menu {
  width: 4em;
  left: 0em;
}
.main-light .showPlayer .play-error .play-error-display .play-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.main-light .showPlayer .play-error .play-error-display:before {
  color: #fff;
  content: "X";
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.main-light .showPlayer .play-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(66, 59, 51, 0.4);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.main-light .showPlayer .play-seeking .play-loading-spinner,
.main-light .showPlayer .play-waiting .play-loading-spinner {
  display: block;
}
.main-light .showPlayer .play-loading-spinner:before,
.main-light .showPlayer .play-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.main-light .showPlayer .play-seeking .play-loading-spinner:before,
.main-light .showPlayer .play-seeking .play-loading-spinner:after,
.main-light .showPlayer .play-waiting .play-loading-spinner:before,
.main-light .showPlayer .play-waiting .play-loading-spinner:after {
  -webkit-animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
  animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
}
.main-light .showPlayer .play-seeking .play-loading-spinner:before,
.main-light .showPlayer .play-waiting .play-loading-spinner:before {
  border-top-color: white;
}
.main-light .showPlayer .play-seeking .play-loading-spinner:after,
.main-light .showPlayer .play-waiting .play-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
@-webkit-keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
.main-light .showPlayer .play-chapters-button .play-menu ul {
  width: 24em;
}
.main-light .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-light .showPlayer .play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-light .showPlayer .play-text-track-display div div div {
  background-color: transparent !important;
}
.main-light .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.main-light .showPlayer .play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-custom-control-spacer {
  flex: auto;
}
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen).play-no-flex .play-custom-control-spacer {
  width: auto;
}
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-current-time,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-time-divider,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-duration,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-remaining-time,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-playback-rate,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-progress-control,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-mute-control,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-volume-control,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-chapters-button,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-descriptions-button,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-captions-button,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-subtitles-button,
.main-light .showPlayer .play-js.play-layout-tiny:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-current-time,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-time-divider,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-duration,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-remaining-time,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-playback-rate,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-mute-control,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-volume-control,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-chapters-button,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-descriptions-button,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-captions-button,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-subtitles-button,
.main-light .showPlayer .play-js.play-layout-x-small:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-current-time,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-time-divider,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-duration,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-remaining-time,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-playback-rate,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-mute-control,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-volume-control,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-chapters-button,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-descriptions-button,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-captions-button,
.main-light .showPlayer .play-js.play-layout-small:not(.play-fullscreen) .play-subtitles-button .play-audio-button {
  display: none;
}
.main-light .showPlayer .play-modal-dialog.play-text-track-settings {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.75);
  color: #fff;
  height: 70%;
}
.main-light .showPlayer .play-text-track-settings .play-modal-dialog-content {
  display: table;
}
.main-light .showPlayer .play-text-track-settings .play-track-settings-colors,
.main-light .showPlayer .play-text-track-settings .play-track-settings-font,
.main-light .showPlayer .play-text-track-settings .play-track-settings-controls {
  display: table-cell;
}
.main-light .showPlayer .play-text-track-settings .play-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .main-light .showPlayer .play-text-track-settings .play-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .main-light .showPlayer .play-text-track-settings .play-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .main-light .showPlayer .play-text-track-settings .play-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .main-light .showPlayer .play-text-track-settings .play-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.main-light .showPlayer .play-track-setting > select {
  margin-right: 5px;
}
.main-light .showPlayer .play-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.main-light .showPlayer .play-text-track-settings fieldset span {
  display: inline-block;
}
.main-light .showPlayer .play-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.main-light .showPlayer .play-text-track-settings .play-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.main-light .showPlayer .play-track-settings-controls button:focus,
.main-light .showPlayer .play-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image:
    linear-gradient(
      0deg,
      #fff 88%,
      #9d9080 100%);
}
.main-light .showPlayer .play-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.main-light .showPlayer .play-track-settings-controls button {
  background-color: #fff;
  background-image:
    linear-gradient(
      -180deg,
      #fff 88%,
      #9d9080 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.main-light .showPlayer .play-track-settings-controls .play-default-button {
  margin-right: 1em;
}
@media print {
  .main-light .showPlayer .play-js > *:not(.play-tech):not(.play-poster) {
    visibility: hidden;
  }
}
.main-light .showPlayer .play-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
.main-light .showPlayer play-js .play-control-bar {
  width: 80%;
  margin: 0px 10% 3em;
}
.main-light .showPlayer .play-js .play-progress-holder .play-play-progress .scrubber-head {
  content: "";
  background: #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-light .showPlayer .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0.5em;
}
.main-light .showPlayer .play-fullscreen-control.play-control.play-button {
  margin-left: 0.5em;
}
.main-light .showPlayer .play-js .play-progress-control:hover .play-play-progress.play-slider-bar .scrubber-head {
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
}
.main-light .showPlayer .play-icon-placeholder:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.main-light .showPlayer .play-icon-placeholder:hover:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.main-light .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-light .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
}
@media screen and (min-width: 1500px) {
  .main-light .showPlayer .play-js .play-control-bar {
    height: 6.4em;
  }
  .main-light .showPlayer .play-js .play-progress-holder {
    height: 1em;
  }
  .main-light .showPlayer .play-play-progress.play-slider-bar .scrubber-head {
    width: 2em;
    height: 2em;
  }
  .main-light .showPlayer .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip,
  .main-light .showPlayer .play-js .play-progress-control:hover .play-time-tooltip {
    font-size: 1em;
  }
  .main-light .showPlayer .play-js .play-play-control .play-icon-placeholder:before,
  .main-light .showPlayer .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before,
  .main-light .showPlayer .play-icon-volume-high:before,
  .main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-light .showPlayer .play-js .play-mute-control .play-icon-placeholder:before,
  .main-light .showPlayer .play-js .play-fullscreen-control .play-icon-placeholder:before {
    width: 1em;
    height: 1em;
  }
  .main-light .showPlayer .play-js .play-settings.play-control > div.play-control {
    width: 22em;
    top: -9em;
  }
  .main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control {
    height: 4em;
  }
  .main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text,
  .main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
    font-size: 1.2em;
    height: auto;
  }
  .main-light .showPlayer .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
    padding: 10px;
  }
  .main-light .showPlayer .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
    bottom: -8em;
  }
  .main-light .showPlayer .play-menu li {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .main-light .showPlayer .play-js .play-control {
    width: 3em;
  }
  .main-light .showPlayer .play-js .play-control-bar {
    width: 98%;
    margin: 0px auto 3em;
  }
}
.main-light .showPlayer .audio-js.play-icon-volume-high:before,
.main-light .showPlayer .play-js .play-mute-control .audio-js.play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-speaker-RXVCKNG7.svg");
}
.main-light .showPlayer .audio-js.play-icon-volume-mid:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-2 .audio-js.play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mid-speaker-3EYNHF6F.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-icon-volume-low:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-1 .audio-js.play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-low-speaker-VN5FL2CH.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-icon-volume-mute:before,
.main-light .showPlayer .play-js .play-mute-control.play-vol-0 .audio-js.play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.main-light .showPlayer .audio-js.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/a-mute-SKUQX7QF.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  background-image: url("./media/settings-WU7ATBUH.svg");
}
.main-light .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control:before {
  left: 50%;
  right: unset;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-light .showPlayer .audio-js.play-js .play-control-bar {
  width: 100%;
  padding: 0;
  border-radius: 0;
  height: 8.8em;
  background-color: #f6f6f6;
}
.main-light .showPlayer .audio-js.play-js .play-control {
  width: 6em;
}
.main-light .showPlayer .audio-js.play-js .play-progress-control {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
}
.main-light .showPlayer .audio-js.play-js .play-progress-control .play-progress-holder {
  margin: 0;
}
.main-light .showPlayer .audio-js.play-js .play-progress-holder .play-load-progress,
.main-light .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress {
  border-radius: 0;
}
.main-light .showPlayer .audio-js.play-js .play-progress-holder {
  height: 0.4em;
}
.main-light .showPlayer .audio-js.play-js .play-slider {
  background-color: #dfdfdf;
}
.main-light .showPlayer .audio-js.play-js .play-play-progress {
  background-color: #1cb5d7;
}
.main-light .showPlayer .audio-js.play-js .play-load-progress div {
  background: #96a1a5;
}
.main-light .showPlayer .audio-js.play-js .play-progress-holder .play-play-progress .scrubber-head {
  background-color: #1cb5d7;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-light .showPlayer .audio-js.play-js .play-settings.play-control > div.play-control {
  top: -10em;
  right: unset;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.main-light .showPlayer .audio-js.play-js .play-volume-panel .play-volume-control {
  position: absolute !important;
  left: 50%;
  border-radius: 2px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 70%;
  margin-left: 0;
  z-index: 1;
}
.main-light .showPlayer .play-js .play-volume-level:after {
  content: "";
  position: absolute;
  font-size: 0.9em;
  top: -0.5em;
  left: -0.33em;
  background: #2eb7d7;
  z-index: 100;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-light .showPlayer .audio-js .play-bar {
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.main-light .showPlayer .audio-js .auto-play {
  color: #9a9a9a;
  display: flex;
  align-items: center;
  width: 13em;
}
.main-light .showPlayer .audio-js .auto-play .auto-play-on,
.main-light .showPlayer .audio-js .auto-play .auto-play-off {
  color: #000;
  border: 1px solid rgba(204, 204, 204, 0.8);
  border-radius: 15px;
  padding: 8px;
  min-width: 45px;
  text-align: center;
  display: inline-block;
}
.main-light .showPlayer .audio-js .auto-play .auto-play-off {
  display: none;
}
.main-light .showPlayer .audio-js .seek-bar-setting-button-group {
  justify-content: flex-end;
}
.main-light .showPlayer .audio-js .track-title {
  color: #403f3f;
  font-size: 1.2em;
  margin-left: 10px;
  font-weight: 600;
}
.main-light .showPlayer .audio-js .track-title .authorTitle {
  color: #403f3f;
  font-size: 0.5rem;
  margin-left: 10px;
  font-weight: 600;
}
.main-light .showPlayer .audio-js .track-title > div {
  max-width: 150px;
  text-align: left;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-light .showPlayer .audio-js .play-current-time.play-time-control {
  position: absolute;
  left: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-light .showPlayer .audio-js .play-duration.play-time-control {
  position: absolute;
  right: 0;
  top: 10px;
  color: #616161;
  font-weight: 600;
  font-size: 11px;
  height: auto;
  display: inline-block;
}
.main-light .showPlayer .audio-js .play-fullscreen-control {
  display: none;
}
.main-light .showPlayer .audio-js .play-time-control.play-time-divider {
  display: none;
}
.main-light .showPlayer .audio-group-bar {
  display: flex;
}
.main-light .showPlayer .audio-js.play-js .play-favourite-control.play-control,
.main-light .showPlayer .audio-js.play-js .play-share-control.play-control,
.main-light .showPlayer .audio-js.play-js .play-playlist-control.play-control {
  width: 4em;
}
.main-light .showPlayer .audio-js.play-js .play-play-control.play-paused .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-js .play-play-control .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-play-GV6VVYSN.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-js .play-play-control.play-playing .play-icon-placeholder:before {
  width: 2.7em;
  height: 2.7em;
  background-image: url("./media/a-pause-IRJMG4SP.svg");
  background-position: center;
}
.main-light .showPlayer .audio-js.play-js .play-next-control .play-icon-placeholder:before {
  background-image: url("./media/a-next-NVFVASHB.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-previous-control .play-icon-placeholder:before {
  background-image: url("./media/a-previous-4W5IWN6X.svg");
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-AGQCWW3P.svg");
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before {
  width: 1.1em;
  height: 1.1em;
  background-image: url("./media/a-shuffle-off-SBJMK6EG.svg");
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-repeat-control .play-icon-placeholder:before {
  width: 1em;
  height: 1em;
  background-image: url("./media/a-repeat-26WRHQMI.svg");
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before {
  width: 1.2em;
  height: 1.2em;
  background-image: url("./media/a-repeat-off-KMGRX7UO.svg");
  cursor: pointer;
}
.main-light .showPlayer .audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before {
  background-image: url("./media/a-repeat-one-LHCIGPRU.svg");
  cursor: pointer;
}
.main-light .showPlayer button.play-repeat-one-control.play-control.play-button {
  display: none;
}
.main-light .showPlayer button.play-repeat-control.play-control.play-button {
  display: none;
}
.main-light .showPlayer button.play-shuffle-control.play-control.play-button {
  display: none;
}
.main-light .showPlayer .audio-js .play-volume-panel.play-control.play-volume-panel-vertical {
  margin-right: 0;
}
.main-light .showPlayer .audio-js .audio-play-button-group {
  justify-content: center;
}
.main-light .showPlayer .audio-js.play-volume-panel.play-control.play-volume-panel-vertical {
  position: relative;
}
.main-light .showPlayer .audio-js.play-fluid {
  height: 45px;
  padding-top: 0;
  overflow: visible;
  position: relative;
  background: transparent;
  display: inline-block;
}
.main-light .showPlayer .audio-js.play-fluid .play-control-bar {
  margin: 0 auto;
  padding: 0 5.6em;
}
.main-light .showPlayer .play-texttrack-settings {
  display: none !important;
}
.main-light .showPlayer .audio-player-element {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-light .showPlayer .video-player-element {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
}
.main-light .showPlayer .audio-js .audio-player-element > div {
  width: 100%;
  display: contents;
}
.main-light .showPlayer .audio-js #thumb {
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(82, 78, 78, 0.7098039216);
}
@media screen and (max-width: 1024px) {
  .main-light .showPlayer .audio-js.play-fluid .play-control-bar {
    padding: 0 0.6em;
  }
  .main-light .showPlayer .audio-js #thumb {
    width: 40px;
  }
  .main-light .showPlayer .audio-js .play-favourite-control,
  .main-light .showPlayer .audio-js .play-share-control,
  .main-light .showPlayer .audio-js .play-playlist-control,
  .main-light .showPlayer .audio-js .auto-play {
    display: none;
  }
}
.main-light .showPlayer {
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js {
  margin-top: 0;
  height: 5.25rem;
  background: #fff;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
  padding: 0.375rem 4.125rem 0;
  height: 100%;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .image-overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .image-overlay span {
  position: absolute;
  width: 110%;
  height: 110%;
  z-index: 0;
  top: -5%;
  left: -5%;
  background-image: url(https://d6inq6b33hd48.cloudfront.net/album_thumbnails/artworks-000129981888-asajqm-t500x500.jpg);
  background-position: center;
  background-size: cover;
  background-color: #fff;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
  -o-filter: blur(60px);
  -ms-filter: blur(60px);
  filter: blur(60px);
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .image-overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .player-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .player-div .play-control-bar {
  background: transparent;
  z-index: 1;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-bar {
  margin: 0;
  padding: 0;
  width: 100%;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js #thumb {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 5px;
  box-shadow: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title {
  font-size: 1rem;
  color: #102942;
  font-weight: 600;
  flex: 1;
  width: 10%;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
  font-size: 0.875rem;
  color: #485571;
  margin: 0.375rem 0 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
  max-width: 70%;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-progress-holder .play-play-progress .scrubber-head {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder {
  height: 0.375rem;
  background: #b9b7b7;
  border-radius: 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress {
  background: #FB8541;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-play-progress .scrubber-head {
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #f16c1f;
  border-radius: 0.875rem;
  background: #f16c1f;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip {
  background-color: rgb(79, 79, 79);
  background: none;
  border: 0 none;
  border-radius: 0;
  float: none;
  color: #fff;
  font-weight: 800;
  font-family: inherit;
  line-height: normal;
  padding: 0.125rem 0.3125rem;
  top: -1.6875rem;
  height: 0;
  display: block;
  font-size: 9px;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control .play-progress-holder .play-mouse-display .play-time-tooltip:before {
  display: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-progress-control:hover .play-play-progress .play-time-tooltip {
  display: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-load-progress {
  background: #929191;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  font-size: 0.625rem;
  color: #4f4f4f;
  font-weight: 800;
  top: 0.625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
  text-align: right;
  padding-right: 0.4375rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control {
  text-align: left;
  padding-left: 0.4375rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin: 0 1.5625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control {
  margin-right: 1.375rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  width: auto;
  padding: 0 0.0625rem;
  height: auto;
  cursor: pointer;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  display: block;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  margin-right: 1.5625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder:before {
  display: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control:hover,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control:hover {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control {
  margin-left: 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
  margin-right: 1.5625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control {
  position: relative;
  z-index: 1;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
  width: 17px;
  height: 15px;
  background-image: url("./media/favourite-7NQCC3CH.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .play-icon-placeholder {
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control.favourite-selected .small-hearts i {
  -webkit-animation: smallhearts-animation 0.35s linear;
  animation: smallhearts-animation 0.35s linear;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts {
  position: absolute;
  width: 9.375rem;
  left: 1.25rem;
  bottom: 1.75rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i {
  position: absolute;
  opacity: 0;
  background-image: url("./media/favourite-fill-ACZMENBO.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:first-child {
  left: -1.5625rem;
  top: -0.9375rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(2) {
  left: 0.3125rem;
  top: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(3) {
  width: 0.375rem;
  height: 0.375rem;
  left: -33px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .small-hearts i:nth-child(4) {
  left: -0.4375rem;
  top: -0.625rem;
  width: 0.375rem;
  height: 0.375rem;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
  width: 12px;
  height: 14px;
  background-image: url("./media/share-35YJT56F.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
  margin-right: 1.25rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
  width: 16px;
  height: 15px;
  margin-top: 3px;
  background-image: url("./media/playlist-JU363ILJ.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
  width: 16px;
  height: 13px;
  background-image: url("./media/repeat-Z336JZAR.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
  width: 15px;
  height: 16px;
  background-image: url("./media/repeat1-7GVJ7OCG.svg");
  margin-top: 3px;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background-image: url("./media/repeat2-ZW22ZTK5.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
  width: 16px;
  height: 16px;
  background-image: url("./media/previous-JPH6BST3.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
  width: 16px;
  height: 9px;
  background-image: url("./media/Next-THW63WHH.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
  border-radius: 2.25rem;
  margin: 1.4rem 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control .play-icon-placeholder {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 0.8125rem;
  border-color: transparent transparent transparent #ffffff;
  cursor: pointer;
  margin: auto;
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-playing .play-icon-placeholder {
  border-style: double;
  border-width: 0px 0 0px 0.5625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control.play-paused .play-icon-placeholder {
  border-style: solid;
  border-width: 0.375rem 0 0.375rem 0.5625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-BX3RT6VW.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-image: url("./media/Shuffle-on-IJ3RALB3.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .auto-play {
  display: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover {
  width: auto;
  height: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 0.9375rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-control,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-control {
  opacity: 1;
  visibility: visible;
  height: auto;
  position: static !important;
  margin-left: 0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button {
  width: auto;
  margin-right: 0.625rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-0 .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-0 .play-icon-placeholder {
  background-image: url("./media/Speaker-no-audio-LTZM5SYP.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-1 .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-1 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-2 .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-2 .play-icon-placeholder {
  background-image: url("./media/Speaker-one-vol-ESDDTT56.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button.play-vol-3 .play-icon-placeholder,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button.play-vol-3 .play-icon-placeholder {
  background-image: url("./media/Speaker-three-vol-YL5IFIZA.svg");
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder:before {
  display: none;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-slider,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-slider {
  margin: 0;
  background: #d0d0d0;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal {
  height: 0.125rem;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level {
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-volume-bar.play-slider-horizontal .play-volume-level:before,
.main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-volume-bar.play-slider-horizontal .play-volume-level:before {
  content: "";
  width: 0.6875rem;
  height: 0.6875rem;
  top: -0.25rem;
  border: 1px solid #fff;
  background: #f16c1f;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f16c1f), color-stop(100%, #FB8541));
  background:
    linear-gradient(
      to right,
      #f16c1f 0%,
      #FB8541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$basecolor", endColorstr="$secondarycolor", GradientType=1);
}
@-webkit-keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@keyframes smallhearts-animation {
  0%, to {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  50%, to {
    transform: translate(-1px, -5px);
    -webkit-transform: translate(-1px, -5px);
    -moz-transform: translate(-1px, -5px);
    -o-transform: translate(-1px, -5px);
    -ms-transform: translate(-1px, -5px);
  }
}
@media (min-width: 1200px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control .play-icon-placeholder {
    width: 1.0625rem;
    height: 1rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control .play-icon-placeholder {
    width: 0.75rem;
    height: 0.875rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control .play-icon-placeholder {
    width: 1rem;
    height: 0.9375rem;
    margin-top: 0.1875rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control .play-icon-placeholder {
    width: 1rem;
    height: 0.8125rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control .play-icon-placeholder {
    width: 0.9375rem;
    height: 1rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
    margin-top: 0.1875rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control .play-icon-placeholder {
    width: 1rem;
    height: 1rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control .play-icon-placeholder {
    width: 1rem;
    height: 0.5625rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel .play-button .play-icon-placeholder,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel:hover .play-button .play-icon-placeholder {
    width: 0.875rem;
    height: 0.875rem;
  }
}
@media (max-width: 1300px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 15%;
  }
}
@media (max-width: 1199px) {
  .main-light .showPlayer html {
    font-size: 14px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-volume-panel {
    display: none;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control .play-icon-placeholder {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 1024px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 0.375rem 40px 0;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: block;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    margin-right: 0;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 188px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: 1;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    width: 188px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 82px;
  }
}
@media (max-width: 767px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js {
    height: 88px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-current-time.play-time-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-duration.play-time-control {
    top: 12px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .seek-bar-setting-button-group {
    width: 0;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js.play-fluid .play-control-bar {
    padding: 25px 15px 10px;
    flex-wrap: wrap;
    height: auto;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-favourite-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-share-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-playlist-control {
    display: none;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .audio-play-button-group {
    flex: auto;
    width: 100%;
    justify-content: center;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar {
    flex: auto;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .audio-group-bar .play-bar {
    width: 100%;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-off-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-one-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-repeat-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-previous-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-next-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-play-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-off-control,
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .play-shuffle-control {
    margin: 0 1.25rem;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js #thumb {
    display: none;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title {
    margin: 0;
    font-size: 12px;
    width: 100%;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    max-width: 100%;
    padding-right: 30px;
  }
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title .authorTitle {
    display: none;
  }
}
@media (max-width: 480px) {
  .main-light .showPlayer .vplayed-audio.audio-js.play-js .track-title > div {
    padding-right: 10px;
  }
}
.main-light .player-close {
  line-height: 1.5rem;
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 5.25rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-top-left-radius: 0.1875rem;
  cursor: pointer;
  font-size: 0.825rem;
  padding: 0 0.825rem;
  display: inline-block;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.main-light .detail-page-body {
  background: #0e233d;
  margin-top: 25px;
  padding: 0px 15px;
  margin-bottom: 30px;
}
.main-light .detail-page-body .songs-body:hover {
  background: #091c34 !important;
  box-shadow: none !important;
}
.main-light .detail-page-body .songs-body:hover::after {
  display: none;
}
.main-light .detail-page-body .songs-body::after {
  content: "";
  position: absolute;
  width: 97%;
  height: 0.5px;
  background: #283850;
  bottom: 0;
}
.main-light .detail-page-body .songs-body:hover .sno {
  background: #f16e36 !important;
}
.main-light .showPlayer .vplayed-audio.audio-js.play-js {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.main-light .play-favourite-control,
.main-light .play-share-control {
  display: none !important;
}
.main-light .plyr__progress input[type=range] {
  color: #f47228 !important;
}
.main-light .plyr__volume input[type=range] {
  color: #f47228 !important;
}
.main-light .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: #f37336;
}
.main-light .plyr--video .plyr__control.plyr__tab-focus,
.main-light .plyr--video .plyr__control:hover,
.main-light .plyr--video .plyr__control[aria-expanded=true] {
  background: #f37336;
}
.main-light .album-list-container ::-webkit-scrollbar {
  width: 7px;
  background: #0b1c34;
}
.main-light .album-list-container {
}
.main-light .album-list-container ::-webkit-scrollbar-thumb {
  background: #ea9734;
  border-radius: 10px;
}
.main-light .album-list-container {
  display: flex;
  justify-content: space-evenly;
}
.main-light .album-list-container .title_sec {
  display: flex;
}
.main-light .album-list-container .arama-kutusu {
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  display: flex;
  align-items: center;
  background: #0f233d;
  height: 45px;
  border-radius: 40px;
  padding: 9px;
}
.main-light .album-list-container .arama-buton {
  width: 42px;
  height: 40px;
  margin-top: 0px;
  margin-left: -12px;
  background: #0f233d;
}
.main-light .album-list-container .arama-yazi {
  padding-left: 20px !important;
  margin-top: 1px;
  padding-left: 15px;
  color: #fff;
  width: 200px;
  position: relative;
  left: 0px;
  border-radius: 100px;
  z-index: -9;
}
.main-light .album-list-container ::placeholder {
  color: rgba(255, 255, 255, 0.2705882353);
  font-family: Notosans;
}
.main-light .album-list-container .ngx-dropdown-button {
  min-height: 45px !important;
  outline: 0;
  background-color: #0e233d !important;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  padding-left: 20px !important;
}
.main-light .album-list-container .ngx-dropdown-button .display-text {
  margin-top: 0px !important;
}
.main-light .album-list-container .ngx-dropdown-button .nsdicon-angle-down {
  margin-top: 2px !important;
}
.main-light .album-list-container .available-items li {
  color: #fff !important;
}
.main-light .album-list-container .available-items li:hover {
  background: #f67a37;
  color: #fff !important;
  border-radius: 100px;
  outline: 0;
}
.main-light .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li {
  background: transparent !important;
  color: #fff !important;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2705882353) !important;
  margin-right: 5px;
  margin-bottom: 7px !important;
  flex-wrap: nowrap;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-light .album-list-container .ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li span {
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
}
.main-light .album-list-container ul.selected-items {
  display: flex;
  flex-wrap: wrap;
}
.main-light .album-list-container .ngx-dropdown-list-container {
  max-height: 400px;
  background: #0f233d !important;
}
.main-light .album-list-container .ngx-dropdown-list-container .selected-items,
.main-light .album-list-container .ngx-dropdown-list-container hr {
  display: none !important;
}
.main-light .album-list-container .ngx-dropdown-container {
  outline: 0;
}
.main-light .album-list-container .title_sec h2 {
  margin-top: 4px;
  font-family: "Notosans-medium";
  font-weight: normal !important;
}
.main-light .album-list-container ngx-select-dropdown {
  width: 200px !important;
  margin-right: 20px;
}
.main-light .album-list-container input {
  color: #fff !important;
}
.main-light .youtube {
  top: 0;
  left: 0;
  z-index: 5;
  padding: 15px 30px;
  width: 100% !important;
}
.main-light .youtube .back_btn {
  display: block !important;
}
.main-light .youtube .movie-title {
  display: block !important;
}
.main-light .album-list .skeleton {
  width: 100%;
  padding: 0.625rem;
  height: 160px;
  background: #14253d;
  margin-right: 10px;
  border-radius: 5px;
}
.main-light section.live-videos-page {
  min-height: 550px;
}
.main-light .section-one a,
.main-light .section-two a,
.main-light .section-three a {
  color: #ccc !important;
}
.main-light .liveplayer .video-detail-page {
  min-height: 550px;
}
.main-light .album-list .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
.main-light .album-list p {
  font-size: 25px;
  color: #fff;
  padding-top: 25px;
}
.main-light div#youtube-player {
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
}
.main-light .plyr__video-embed iframe {
  height: 93% !important;
}
.main-light .home-banner .owl-carousel .owl-item img {
  opacity: 1 !important;
}
.main-light .footer-text .tittle {
  color: #ccc !important;
}
.main-light .latestnav .sub_new {
  display: flex;
  max-height: 40px;
  height: 40px;
  z-index: auto;
}
.main-light .latestnav .sub_new.sub_new-empty {
  display: none !important;
}
.main-light .latestul {
  display: flex;
  margin-top: 5px;
}
.main-light .sub_new {
  transition: max-height 0.7s ease-in;
  position: absolute !important;
  width: 100%;
  left: 0;
  background: #091c34;
  padding-left: 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  top: 65px;
  z-index: -9;
}
.main-light li.latestnav {
  z-index: auto;
  vertical-align: middle;
  align-items: center;
  height: 44px;
  display: flex;
  padding: 0px 9px;
}
.main-light .video_sub {
  background: #14253d;
  border-bottom: none !important;
  border: 2px solid #f47637;
  border-radius: 10px 10px 0px 0px;
}
.main-light .video_sub:hover .vidtag {
  color: #fff !important;
}
.main-light .new_nav-item a svg {
  display: block !important;
  width: 11px;
  height: 11px;
  margin-top: 0px !important;
}
.main-light .new_nav-item a svg path {
  fill: #c74c2b;
}
.main-light #video.active {
  background: #091c34;
}
.main-light #video.active .vidtag {
  color: #f16c1f !important;
}
.main-light {
}
.main-light #audio.active a,
.main-light #radio.active a,
.main-light #live.active a,
.main-light #storys.active a,
.main-light #tools.active a {
  color: #f16c1f !important;
}
.main-light #audio,
.main-light #live,
.main-light #video,
.main-light #radio,
.main-light #storys {
  outline: none;
}
.main-light .audio-page .select-header {
  position: fixed;
  background: #0e233d;
  width: 100%;
  z-index: 9;
  padding: 11px 0px !important;
  margin-top: -12px;
  border-top: 1px solid #f67a37;
}
.main-light .audio-page .container .card-wrapper {
  padding-top: 15px;
}
.main-light .audio-page .no-data {
  margin-top: 0 !important;
  padding-top: 75px;
}
.main-light .audio-page {
  margin-top: 10px;
}
.main-light .latestnav a svg {
  display: block !important;
  margin-right: 7px;
  margin-top: -3px;
}
.main-light .home-banner {
  margin-top: 50px !important;
}
.main-light .admin-playlists-all .tittle-blk h2 {
  color: #f7e93a;
}
.main-light .admin-playlists-all .slider-content h3 {
  color: #f7e93a !important;
}
.main-light .loading-jkps {
  width: 500px;
}
.main-light .benefit_container h4 {
  font-size: 1.4375rem;
  color: #cacaca;
  font-family: "Notosans";
  text-align: center;
  padding: 0 0 12px;
  margin: 0 0 40px;
  position: relative;
}
.main-light .benefit_container h4:after {
  content: "";
  height: 3px;
  width: 49px;
  background: #f16c1f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.main-light .benefit_container .sub-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-light .benefit_container .sub-list li {
  font-size: 19px !important;
  width: 50%;
}
.main-light .subscription-blk a.subscribe {
  margin-bottom: 30px;
}
.main-light .play-mouse-display {
  position: relative;
  top: -29px;
  background: transparent !important;
}
.main-light .play-mouse-display .play-time-tooltip {
  right: -15px;
  width: auto !important;
  height: 21px !important;
  bottom: -44px !important;
  position: absolute !important;
  top: 0 !important;
  background: rgba(79, 79, 79, 0.79) !important;
  padding-top: 4px !important;
  margin-top: 0px !important;
  border: none !important;
  border-radius: 3px !important;
}
.main-light .changer_sub {
  padding: 0 !important;
}
.main-light .changer_sub .modal-body {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-light .changer_sub .login-modal {
  max-width: 55rem !important;
}
.main-light .changer_sub .login-modal .close {
  cursor: pointer;
  margin-top: -20px;
  right: 15px !important;
  position: absolute;
  top: 35px !important;
  width: 20px;
  height: 20px;
}
.main-light .changer_sub .header {
  display: none;
}
.main-light .new_subscribe {
  padding-bottom: 0px !important;
  padding-top: 15px !important;
}
.main-light .new_subscribe .preferred {
  width: 70%;
  background: #173b65;
  padding: 25px 10px;
  border-radius: 5px;
}
.main-light .new_subscribe h4 {
  color: white;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.main-light .new_subscribe h5 {
  color: #cacaca;
  padding-bottom: 5px;
}
.main-light .new_subscribe .carders,
.main-light .new_subscribe .neters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 30%;
  background: #0f233d;
  padding-top: 20px;
  padding-bottom: 15px;
  border-radius: 5px;
}
.main-light .new_subscribe p {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  padding: 0px 10px;
}
.main-light .new_subscribe .back-btn {
  margin: 0 !important;
  width: 147px !important;
  height: 55px;
  padding: 0;
  line-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-light .new_subscribe .others {
  width: 30%;
  background: #333e50;
  padding: 25px 10px;
  border-radius: 5px;
  margin-left: 15px;
  position: relative;
}
.main-light .new_subscribe .plan_content {
  font-size: 20px;
  color: #cacaca;
  padding-top: 20px;
  font-style: italic;
  text-align: left;
}
.main-light .new_subscribe h4 {
  font-weight: bold;
  font-size: 20px !important;
  letter-spacing: 1px;
}
.main-light .new_subscribe .pay_options,
.main-light .new_subscribe .card_upi {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.main-light .new_subscribe .card_upi {
  margin-top: 20px !important;
}
.main-light .new_subscribe .upis {
  width: 93.5%;
  bottom: 25px;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: grid;
  background: #0f233d;
  padding-top: 32.5px;
  padding-bottom: 33.5px;
  border-radius: 5px;
}
.main-light .new_subscribe .upis .back-btn {
  margin-left: 39px !important;
  width: 154px !important;
  font-size: 16px;
}
.main-light .pay-type h3 {
  justify-content: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.main-light .pay-type h3 span {
  padding-left: 30px;
  font-size: 1.5rem;
}
.main-light .newout .upis {
  padding-top: 16px;
  padding-bottom: 18px;
  bottom: 26px;
}
.main-light .outcard {
  width: 100% !important;
  margin-top: 30px;
}
.main-light .outcard p {
  width: 100%;
}
.main-light .video-bottom.skeleton-loader .content-details p {
  margin-left: 10px;
  margin-top: -5px;
}
.main-light .skeleton-loader .back-to-history span {
  height: 25px;
  padding: 0px 10px;
}
.main-light .new_menu_drop li:hover {
  cursor: default !important;
}
.main-light .web_series .owl-nav {
  display: none !important;
}
.main-light .new_super-sub-menu a:hover {
  color: #ff7424 !important;
}
.main-light .clickhides {
  display: none !important;
}
.main-light #chart-div-one .highcharts-root {
  width: 100%;
  height: 170px;
}
.main-light #chart-div-two .highcharts-root {
  width: 100%;
  height: 55px;
}
.main-light #chart-div-one .highcharts-container,
.main-light #chart-div-two .highcharts-container {
  width: 100% !important;
}
.main-light #chart-div-two .highcharts-container {
  height: 70px !important;
}
.main-light #chart-div-one .highcharts-container {
  height: 170px !important;
}
.main-light #chart-div-one .x-axis-title text {
  font-size: 38px !important;
  fill: black !important;
}
.main-light img.storys {
  width: 30px;
  height: 28px;
  object-fit: contain;
  margin-top: -5px;
}
.main-light ul.latestul li a {
  color: #ccc !important;
}
.main-light ul.latestul li a:hover {
  color: #f16c1f !important;
}
.main-light #story-page .home-banner {
  margin-top: 29px !important;
}
.main-light .plyr__controls__item.plyr__control[data-plyr=fullscreen] {
  display: none !important;
}
.main-light .plyr__controls {
  background: #091c34 !important;
  padding: 20px 10px !important;
}
.main-light .plyr__video-embed,
.main-light .plyr__video-wrapper--fixed-ratio {
  height: 0 !important;
  padding-bottom: 53.25% !important;
}
.main-light #ytplayer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.main-light .watermark-logo {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 40%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-light .watermark-logo img {
  width: 60%;
}
.main-light .watermark-logo2 {
  margin: 0;
  position: absolute;
  top: 61.2%;
  left: 63.2%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}
.main-light .watermark-logo2 img {
  width: 60%;
}
.main-light .radio-control {
  display: none !important;
}
.main-light .songs-body:hover .sno .song-play {
  display: block !important;
}
.main-light .songs-body.current-playing-song:hover .sno .song-play {
  display: none !important;
}
.main-light .current-playing-song svg.song-equalizer rect {
  fill: #fff !important;
}
.main-light .current-playing-song .sno {
  background: #f16e36 !important;
}
.main-light .current-playing-song .sno span {
  display: none;
}
.main-light .current-playing-song .song-play {
  display: none;
}
.main-light .current-playing-song .song-equalizer {
  display: block !important;
}
.main-light span.radio-equ {
  display: none;
}
.main-light .current-playing-radio span.radio-equ {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-light .current-playing-radio span.radio-equ svg {
  width: 50px;
}
.main-light .current-playing-radio span.radio-equ svg rect {
  fill: #fff !important;
}
.main-light .new_subscribe p {
  font-size: 12px !important;
  line-height: 17px;
}
.main-light .new_subscribe .back-btn {
  line-height: 19px !important;
}
.main-light .new_subscribe .upis .back-btn {
  margin: 0px auto !important;
}
.main-light .upis p {
  margin-top: 13px !important;
}
.main-light .restrict-subscription-popup .share-footer a {
  height: auto !important;
  width: auto !important;
}
.main-light {
}
@media screen and (min-width: 1100px) {
  .main-light .container {
    width: 100%;
    padding: 0 55px;
  }
}
@media screen and (min-width: 1500px) {
  .main-light .play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-light .play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before,
  .main-light .play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
  .main-light .play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
    font-size: 4em;
  }
  .main-light .container {
    width: 100%;
    padding: 0 55px;
  }
  .main-light .vjs-playlist-vertical .vjs-playlist-item {
    height: auto;
  }
  .main-light .profile-page .profile-right .saved-card-page .add-new-card {
    width: 23.3%;
  }
  .main-light .profile-page .profile-right .saved-card-page .added-card {
    width: 23.3%;
  }
  .main-light .form-control label {
    top: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .main-light .moveOutCardsCls {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
    transition-delay: 0.5s;
  }
  .main-light .moveInCardsCls {
    transform: translateY(-265px);
    -webkit-transform: translateY(-265px);
    -moz-transform: translateY(-265px);
    -o-transform: translateY(-265px);
    -ms-transform: translateY(-265px);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    z-index: 2;
  }
  .main-light header.home-header.hide-header {
    visibility: hidden;
    opacity: 0;
    transition: 1s all ease;
  }
  .main-light header.home-header.show-header {
    visibility: visible;
    opacity: 1;
    transition: 1s all ease;
  }
  .main-light .sign_Up_Modal .login-modal {
    max-width: 47.063em;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split {
    width: 48%;
    margin-right: 20px;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date input {
    width: 100%;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .top-label {
    left: 5px;
    top: 8px;
    display: inline-block;
    padding: 0 5px;
    background: #fff;
    z-index: 1;
    transition: 0.4s ease all;
    line-height: 22px;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split .date .ngx-datepicker-position-bottom-right {
    z-index: 2;
  }
  .main-light .sign_Up_Modal .login-modal .modal-content .signup-content .form-merge .form-split:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1365px) {
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 47.8%;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card i {
    margin-right: 1.25rem;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card .data-stats p {
    font-size: 0.9rem;
  }
}
@media (max-width: 1700px) {
  .main-light .app-banner h6 {
    padding: 0 18%;
  }
}
@media (max-width: 1299px) {
  .main-light .container {
    width: 100%;
    padding: 0 4%;
  }
  .main-light {
  }
  .main-light .video-detail-page .video-bottom {
    padding: 3.4375rem 0 2.8125rem 0;
    width: 42%;
  }
  .main-light .video-detail-page .video-bottom h2 {
    font-size: 1.875rem;
  }
  .main-light .video-detail-page .countdown-blk {
    right: 6.25rem;
  }
  .main-light {
  }
  .main-light .profile-page aside {
    width: 20%;
  }
  .main-light .profile-page aside .vplay-profile-menu li {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
  .main-light .profile-page aside .vplay-profile-menu i {
    margin-right: 1.25rem;
  }
  .main-light .profile-page .profile-right {
    width: 78%;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 0 5px 0 5px;
  }
  .main-light .my-account-page .account-container {
    max-width: 100%;
  }
  .main-light .profile-page .profile-right .history .history-container .item {
    width: 23.8%;
  }
  .main-light .f-row .menu-set {
    margin-left: 20px;
  }
  .main-light .f-row .menu-set a {
    font-size: 15px;
    padding: 0 5px;
  }
}
@media (min-width: 1820px) {
  .main-light .video-detail-page .video-player-outer {
    width: 94.2%;
    max-height: 460px;
  }
  .main-light .video-detail-page .video-player {
    height: 460px;
  }
}
@media (max-width: 1199px) {
  .main-light .xray-contents {
    display: none;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notifiy-user {
    width: 50px;
    height: 50px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    width: 55px;
    height: 65px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-more {
    margin: auto;
  }
  .main-light footer .tittle {
    font-size: 20px;
  }
  .main-light .profile-page .s-container {
    width: 100%;
    padding: 0 20px;
  }
  .main-light .profile-page .profile-right .user-img > span {
    bottom: 0;
    transition: bottom ease 0.3s;
  }
  .main-light .profile-page .profile-right .profile-dashboard h3 {
    font-size: 18px;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-img {
    width: 80px;
    height: 80px;
  }
  .main-light .banner-slider .banner-content {
    padding: 0 10%;
  }
  .main-light .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-light .f-row .menu-set {
    margin-left: 30px;
  }
  .main-light .f-row .menu-set .menu-for-web,
  .main-light .f-row .menu-set .hide-menu {
    display: none;
  }
  .main-light .f-row .notification-blk .notification-dropdown {
    max-width: 400px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification {
    height: 250px;
    padding: 10px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 170px;
    height: 170px;
  }
  .main-light .pricing .single-subscription h5 {
    font-size: 20px;
  }
  .main-light .pricing .single-subscription .sub-price {
    font-size: 31px;
    margin-bottom: 20px;
  }
  .main-light .pricing .single-subscription .subscribe {
    padding: 13px 6px;
    max-width: 200px;
  }
  .main-light .cs-slider .item:hover .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .cs-slider .item:hover .item,
  .main-light .cs-slider .item:hover .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .cs-slider .item:hover .item {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-light .profile-page .profile-right .history .history-container .item:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-light .lanscape-vplay .lanscape-slider .slider-item .like-box,
  .main-light .profile-page .profile-right .history .history-container .item .like-box,
  .main-light .slider-item .like-box,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .like-box {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .main-light .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-light .card-payment-popup h3 {
    font-size: 21px;
    padding: 20px 15px;
  }
  .main-light .card-payment-popup .added-card-list {
    margin: 0 -5px;
  }
  .main-light .card-payment-popup .pay-secure-btn {
    margin-top: 10px;
  }
  .main-light .card-payment-popup .added-card {
    padding: 30px 11px 15px;
    width: 48%;
    margin: 5px;
  }
  .main-light .card-payment-popup .added-card p {
    font-size: 13px;
  }
  .main-light .card-payment-popup .added-card .delete-card {
    opacity: 1;
    visibility: visible;
  }
  .main-light .card-payment-popup .added-card .chip {
    top: 34px;
  }
  .main-light .card-payment-popup .card-right {
    padding-left: 15px;
  }
  .main-light .card-payment-popup .card-left-menu a {
    padding: 10px 20px 10px 0px;
    font-size: 15px;
  }
  .main-light .live-banner .player {
    height: calc(100vh - 16rem);
  }
}
@media (min-width: 1121px) and (max-width: 1199px) {
  .main-light .saved-card-form .added-card-list {
    width: 50%;
  }
  .main-light .card-payment-popup .form-coupon .app-coupon {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .main-light .video-con-left p {
    color: #cacaca;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 170px;
    right: 0;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-light {
  }
  .main-light .f-row {
    position: relative;
    padding: 0 20px;
  }
  .main-light .f-row .menu-set {
    margin-left: 2rem;
  }
  .main-light .f-row .menu-set .mobileViewMenuItem {
    display: none;
  }
  .main-light .f-row .dropdown-menu {
    left: 0;
  }
  .main-light .f-row .search-blk {
    width: 25%;
    margin-right: 1.625rem;
    position: relative;
  }
  .main-light .f-row .search-blk i {
    width: 20px;
    height: 20px;
    right: 0;
    left: unset;
    transition: none;
  }
  .main-light .f-row .search-blk input {
    padding: 0 30px 0 0px;
    border: 0;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
    transition: opacity ease 0.4s;
  }
  .main-light .f-row .search-blk.open {
    width: 100%;
    position: absolute;
    margin: 0;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity ease 0.4s;
  }
  .main-light .f-row .search-blk.open i {
    right: 20px;
    width: 20px;
    height: 20px;
    top: 20px;
    left: unset;
    bottom: auto;
  }
  .main-light .f-row .search-blk.open i.header-search {
    display: none;
  }
  .main-light .f-row .search-blk.open i.header-close {
    display: block;
  }
  .main-light .f-row .search-blk.open input {
    height: 100%;
    font-size: 1rem;
    border-radius: 0;
    padding: 0 50px 0 10px;
    transition: opacity ease 0.4s;
  }
  .main-light {
  }
  .main-light .new-vplay .portrait-slider .owl-item:hover,
  .main-light .small-vplay .small-slider .owl-item:hover,
  .main-light .lanscape-vplay .lanscape-slider .owl-item:hover {
    transform: scale(1);
  }
  .main-light {
  }
  .main-light .banner-slider .banner-content {
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 20px;
  }
  .main-light .banner-slider .banner-content .play-icon {
    min-width: 50px;
    height: 50px;
  }
  .main-light .banner-slider .banner-content .banner-tittle h3 {
    font-size: 26px;
  }
  .main-light {
  }
  .main-light .playlist .playlist-item {
    width: 23.6%;
  }
  .main-light {
  }
  .main-light .video-detail-page .premium-flex {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-light .video-detail-page .get-premium-btn,
  .main-light .video-detail-page .buy-video {
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border-radius: 5px;
    width: auto;
    font-size: 12px;
    font-family: "Notosans";
    cursor: pointer;
    white-space: nowrap;
    background: rgba(26, 146, 173, 0.6);
    margin-right: 0.625rem;
  }
  .main-light .video-detail-page .premium-or {
    z-index: 1;
    color: #fff;
    margin-right: 0.625rem;
  }
  .main-light .video-detail-page .buy-video {
    margin: 0;
  }
  .main-light .video-detail-page .play-info .get-premium-btn,
  .main-light .video-detail-page .play-info .premium-or,
  .main-light .video-detail-page .play-info .buy-video {
    display: none;
  }
  .main-light .video-detail-page .video-banner-img {
    height: 15.625rem;
  }
  .main-light .video-detail-page .vplay-cmts-outer {
    width: 100%;
  }
  .main-light .video-detail-page .video-player-bg {
    background-size: cover;
    width: 100%;
    left: 0;
  }
  .main-light .video-detail-page .play-btn-responsive {
    background: url("./media/play-button-PJ7BQ43M.svg") no-repeat;
    background-size: contain;
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: ease all 0.3s;
  }
  .main-light .video-detail-page .video-player:before {
    background: rgba(0, 0, 0, 0.38);
  }
  .main-light .video-detail-page .video-bottom {
    position: relative;
    color: #000;
    width: 100%;
    padding: 0 4%;
    margin: 1.875rem 0 0.9375rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .main-light .video-detail-page .video-bottom .back-to-history {
    display: none;
  }
  .main-light .video-detail-page .video-bottom .overview {
    color: #231f20;
  }
  .main-light .video-detail-page .video-bottom .play-info,
  .main-light .video-detail-page .video-bottom .video-con-left h2,
  .main-light .video-detail-page .video-bottom .video-data-info,
  .main-light .video-detail-page .video-bottom .video-con-right,
  .main-light .video-detail-page .video-bottom .starring-links a {
    color: #231f20;
  }
  .main-light .video-detail-page .play-info .play-btn {
    display: none;
  }
  .main-light .video-detail-page .play-info svg path {
    fill: #ccc;
  }
  .main-light .video-detail-page .video-content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light .video-detail-page .video-con-right {
    margin-top: 1.25rem;
  }
  .main-light .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light .video-detail-page .user-options a {
    letter-spacing: 0;
    width: 42%;
    margin: 0 1.25rem 1rem 0;
  }
  .main-light .video-detail-page .user-options svg path {
    fill: #ccc;
  }
  .main-light .video-detail-page .video-con-left {
    width: 58%;
  }
  .main-light .video-detail-page .video-con-right {
    width: 40%;
    margin-left: 2%;
    margin-top: 0;
  }
  .main-light .video-detail-page .video-con-left h2,
  .main-light .video-detail-page .video-con-right h2 {
    font-size: 1.5625rem;
  }
  .main-light .video-detail-page .countdown-blk {
    right: 0;
  }
  .main-light .video-detail-page .countdown-blk .countdown {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-light .video-detail-page .vplay-comments .vplay-cmt-input {
    width: 100%;
  }
  .main-light .video-detail-page .vplay-comments .cmt-box {
    width: 74%;
  }
  .main-light .video-detail-page .video-data-info {
    margin-top: 10px;
  }
  .main-light .video-detail-page .related-videos .item .slider-img {
    height: 7.5rem;
  }
  .main-light {
  }
  .main-light .pricing .subscription-blk a {
    min-width: 180px;
  }
  .main-light {
  }
  .main-light .profile-page aside {
    position: absolute;
    left: -23%;
    z-index: 1;
    display: none;
  }
  .main-light .profile-page aside .toggle-for-mobile {
    display: inline-block;
    position: fixed;
    left: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background: #fb7e14;
    box-shadow: 3px 0px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .main-light .profile-page aside .toggle-for-mobile svg {
    width: 25px;
    height: 25px;
    display: inline-block;
  }
  .main-light .profile-page .profile-right {
    width: 100%;
  }
  .main-light {
  }
  .main-light .list-view .filter-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 3;
  }
  .main-light .list-view aside {
    position: fixed;
    left: unset;
    top: unset;
    right: 55px;
    bottom: 55px;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0.5);
    transform-origin: right bottom;
    transition: all ease 0.5s;
  }
  .main-light .list-view aside.show {
    background: #f3f3f3;
    z-index: 4;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 3px 4px 7px 0 rgba(60, 60, 60, 0.39);
    opacity: 1;
    visibility: visible;
    transition: all ease 0.5s;
  }
  .main-light .list-view .right-side {
    margin-left: 0;
    border: 0;
  }
  .main-light {
  }
  .main-light .genre-view .genre-list .item {
    width: 30%;
  }
  .main-light {
  }
  .main-light .live-videos-page .video-listing .video-listing-container .item {
    width: 24%;
  }
  .main-light {
  }
  .main-light .list-view .genre-view .genre-list .item {
    width: 24%;
  }
  .main-light {
  }
  .main-light .profile-page aside .vplay-profile-menu,
  .main-light .profile-page aside .v-user {
    display: none;
  }
  .main-light .profile-page .profile-right {
    margin-left: 0;
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed !important;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile .owl-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile a i {
    margin-right: 0 !important;
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile a.active span {
    color: #ec5824;
  }
  .main-light .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.5rem;
  }
  .main-light .live-banner .player {
    height: calc(100vh - 20rem);
  }
  .main-light .video-detail-page .video-bottom.skeleton-loader {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-light footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-light footer .f-footer .footer-text {
    width: 25%;
    margin-bottom: 40px;
    padding-right: 15px;
  }
  .main-light .f-row .logo {
    width: 124px;
  }
  .main-light .f-row .lang-toggle .lang-select .lang-selected {
    font-size: 14px;
  }
  .main-light .f-row .menu-set a {
    padding: 0 5px;
  }
  .main-light .f-row .profile-image {
    width: 35px;
    height: 35px;
    margin-right: 8px;
  }
  .main-light .f-row .down-arrow {
    width: 10px;
    height: 10px;
  }
  .main-light .f-row .search-blk,
  .main-light .f-row .dark-icon,
  .main-light .f-row .notification-blk,
  .main-light .f-row .lang-toggle {
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .main-light .f-row .search-blk i {
    width: 18px;
    height: 18px;
  }
  .main-light .f-row .dark-icon svg {
    width: 18px;
    height: 18px;
  }
  .main-light .f-row .notification-blk .notify-icon {
    width: 18px;
    height: 18px;
  }
  .main-light .f-row .sign-btn {
    display: none;
  }
  .main-light .f-row .mobile-login {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
  }
  .main-light .f-row .mobile-login svg {
    width: 20px;
    height: 20px;
  }
  .main-light .app-banner {
    padding: 40px 30px;
  }
  .main-light .app-banner h6 {
    font-size: 26px;
  }
  .main-light .app-banner p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-light .app-banner .social-apps .google-play,
  .main-light .app-banner .social-apps .app-store {
    zoom: 0.8;
  }
  .main-light .live-banner .player {
    height: calc(100vh - 26rem);
  }
  .main-light .card-payment-popup .form-coupon .add-card-details {
    width: 100%;
  }
  .main-light .card-payment-popup .form-coupon .app-coupon {
    width: 100%;
  }
  .main-light .card-payment-popup .form-coupon .app-coupon .coupon form .promo {
    padding: 0px 0px 0px 30px;
  }
  .main-light .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-light .net-banking-blk form {
    max-width: 21.5625rem;
  }
  .main-light .net-banking-blk .netbanking-coupon .card_field_group {
    max-width: 100%;
    width: 100%;
  }
  .main-light .net-banking-blk .netbanking-coupon .app-coupon {
    width: 100%;
    max-width: 100%;
  }
  .main-light .net-banking-blk .netbanking-coupon .app-coupon .coupon {
    width: 100%;
  }
  .main-light .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo {
    padding-left: 30px;
  }
  .main-light .net-banking-blk .netbanking-coupon .coupon .card-field-group .promo #Capa_1 {
    left: -3px !important;
  }
  .main-light .net-banking-blk .netbanking-coupon .select-svg {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .main-light .new_menu_drop {
    display: none !important;
  }
  .main-light .menu_drop {
    display: none;
  }
  .main-light .mobile-overlay.open {
    visibility: visible;
    opacity: 1;
    transition: all 0.8s ease;
  }
  .main-light .pricing h3 {
    font-size: 25px;
  }
  .main-light .pricing .subscription-blk {
    max-width: 50%;
  }
  .main-light .my-playlist-container ul .my-playlist-list {
    max-width: 31.9%;
  }
  .main-light .share-popup .share-tittle {
    padding: 15px;
  }
  .main-light .share-popup .share-content {
    padding: 15px;
  }
  .main-light .share-popup .share-content .share-movie-img {
    width: 60px;
    height: 70px;
  }
  .main-light .share-popup .share-content .share-movie span {
    font-size: 15px;
    flex: auto;
  }
  .main-light .share-popup .share-footer {
    padding: 10px 15px;
  }
  .main-light .share-popup .share-footer a.embed,
  .main-light .share-popup .share-footer a {
    width: 30px;
    height: 30px;
  }
  .main-light .share-popup .share-footer a.link {
    width: 32px;
    height: 32px;
  }
  .main-light {
  }
  .main-light .slider-item .slider-content .video-options svg,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .video-options svg,
  .main-light .profile-page .profile-right .history .history-container .item .slider-content .video-options svg {
    width: 15px;
  }
  .main-light {
  }
  .main-light .small-vplay .small-slider .slider-item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-img,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-light .owl-nav {
    display: none;
  }
  .main-light .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .main-light .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-light .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 11.25rem;
  }
  .main-light {
  }
  .main-light header.home-header .f-row .menu-set a,
  .main-light header.home-header.fixed .f-row .menu-set a {
    color: #9a9a9a;
  }
  .main-light header.home-header .f-row .logo .default_logo {
    display: block;
  }
  .main-light header.home-header .f-row .logo .home_logo {
    display: none;
  }
  .main-light header.home-header .f-row .notification-blk .notify-icon svg path,
  .main-light header.home-header .f-row .dark-icon svg path,
  .main-light header.home-header .f-row .search-blk i svg path {
    fill: #696969;
  }
  .main-light header.home-header .f-row .lang-toggle .lang-select .lang-selected {
    color: #696969;
  }
  .main-light header.home-header .f-row .lang-toggle .lang-select .lang-down-arrow polygon {
    fill: #696969;
  }
  .main-light header.home-header.live-header {
    background: transparent;
  }
  .main-light .f-row {
    height: 56px;
  }
  .main-light .f-row .search-blk.open {
    height: 56px;
  }
  .main-light .f-row .profile-image {
    width: 30px;
    height: 30px;
  }
  .main-light .f-row .logo {
    width: 104px;
  }
  .main-light .f-row .toggle-menu {
    display: block !important;
  }
  .main-light .f-row .toggle-menu .line-menu {
    height: 2px;
  }
  .main-light .f-row .toggle-menu .wrapper-menu {
    width: 22px;
    height: 18px;
  }
  .main-light .f-row .menu-set {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    z-index: 6;
    width: 100%;
    margin-left: 0;
    padding: 0 0;
    height: 47px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: bottom 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
  }
  .main-light .f-row .menu-set.mobileViewMenuItem {
    bottom: -50px;
  }
  .main-light .f-row .menu-set .dropdown-menu {
    display: block;
  }
  .main-light .f-row .menu-set .menu-for-web,
  .main-light .f-row .menu-set .hide-menu,
  .main-light .f-row .menu-set a.go_premium {
    display: none;
  }
  .main-light .f-row .menu-set > a {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    color: #9a9a9a;
    font-size: 14px;
    transform: scale(0.85);
    transition: all ease 0.3s;
  }
  .main-light .f-row .menu-set > a > svg {
    display: block;
    margin-bottom: 4px;
  }
  .main-light .f-row .menu-set > a.mobile-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-light .f-row .menu-set > a:hover,
  .main-light .f-row .menu-set > a.active {
    transform: scale(1);
    transition: all ease 0.3s;
  }
  .main-light .f-row .menu-set > a.toggle-mobile-menu,
  .main-light .f-row .menu-set > a.hide-for-web {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
  }
  .main-light .f-row .menu-set .live-vid svg {
    margin-right: 0;
    margin-bottom: 0;
  }
  .main-light .f-row .menu-set .live-vid svg path {
    fill: #9a9a9a;
  }
  .main-light .f-row .toggle-profile .profile-link span {
    margin-right: 0;
  }
  .main-light .f-row .toggle-profile .profile-link svg {
    display: none;
  }
  .main-light .f-row .toggle-profile .dropdown-profile {
    display: none;
  }
  .main-light .f-row .dropdown-menu {
    position: fixed;
    width: 260px;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 5;
    overflow: auto;
    transition: left ease-out 0.5s;
  }
  .main-light .f-row .dropdown-menu.open {
    top: 0;
    left: 0;
    z-index: 7;
    border-radius: 0;
    transition: left ease-in 0.4s;
  }
  .main-light .f-row .dropdown-menu .profile-blk {
    padding: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    background: #FB8541;
    background: -moz-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #FB8541), color-stop(100%, #f16c1f));
    background: -webkit-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -o-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background: -ms-linear-gradient(left, #FB8541 0%, #f16c1f 100%);
    background:
      linear-gradient(
        to right,
        #FB8541 0%,
        #f16c1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6df", endColorstr="#27cbf0", GradientType=1);
  }
  .main-light .f-row .dropdown-menu .profile-blk .profile-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 3rem;
    width: 3rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
  }
  .main-light .f-row .dropdown-menu .profile-blk h5 {
    font-family: "Notosans-bold";
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
  }
  .main-light .f-row .dropdown-menu a,
  .main-light .f-row .dropdown-profile a {
    color: #333;
    font-size: 1rem;
    padding: 10px 20px;
  }
  .main-light .f-row .dropdown-menu .personal-menu {
    display: block;
    padding: 10px 0;
  }
  .main-light .f-row .header-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
  .main-light .f-row .search-blk {
    width: 30px;
    height: 30px;
  }
  .main-light .f-row .search-blk input {
    border: none;
    padding: 0;
    font-size: 0;
  }
  .main-light .f-row .notification-blk {
    margin-right: 15px;
  }
  .main-light .f-row .notification-blk .notification-dropdown {
    right: 0;
  }
  .main-light .f-row .notification-blk .notification-dropdown::before {
    right: 0;
  }
  .main-light {
  }
  .main-light footer .f-footer .footer-text {
    width: 33.3%;
  }
  .main-light footer .footer-text {
    width: 33%;
  }
  .main-light footer .footer-text .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-light footer .footer-text .lang-select {
    margin-top: 15px;
  }
  .main-light footer .app-links .tittle {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .main-light footer .categories-ul {
    display: none;
  }
  .main-light footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light footer .f-footer ul:last-child {
    text-align: left;
  }
  .main-light {
  }
  .main-light .playlist .playlist-item {
    width: 32.3%;
    margin: 0.5%;
  }
  .main-light .playlist .playlist-item .play-overlay {
    width: 50%;
  }
  .main-light .playlist .playlist-item .playlist-img {
    height: 7.75rem;
  }
  .main-light .playlist .playlist-item .play-content {
    padding: 0 0.9375rem;
  }
  .main-light .playlist .playlist-item .play-content p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
  }
  .main-light {
  }
  .main-light .list-view aside {
    width: 35%;
  }
  .main-light {
  }
  .main-light .genre-view .genre-list .item {
    width: 45%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light .live-videos-page .video-listing .video-listing-container .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light .list-view .genre-view .genre-list .item {
    width: 31.3%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light .slider-item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-light .slider-item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .item .slider-content .liked {
    bottom: 15px;
  }
  .main-light {
  }
  .main-light .slider-item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .item .video-option-list {
    width: 135px;
  }
  .main-light {
  }
  .main-light .video-detail-page .video-con-right span {
    margin-bottom: 7px;
  }
  .main-light .video-detail-page .user-options {
    display: inline-block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-light .video-detail-page .related-videos h6 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .main-light .video-detail-page .related-videos-container .item {
    width: 24%;
    margin: 1% 0.5%;
  }
  .main-light .video-detail-page .video-bottom {
    width: 100%;
    border-right: 0;
  }
  .main-light .video-detail-page .vplay-comments .cmt-box {
    width: 83%;
  }
  .main-light {
  }
  .main-light .profile-page .vplay-profile-menu.for-mobile {
    display: none !important;
  }
  .main-light .profile-page .transaction {
    display: block;
    overflow: auto;
  }
  .main-light .profile-page .transaction th,
  .main-light .profile-page .transaction td {
    display: table-cell;
    white-space: nowrap;
  }
  .main-light .profile-page .profile-right .change-password form,
  .main-light .profile-page .profile-right .profile-form form {
    width: 19.375rem;
  }
  .main-light .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0 0 10px;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
    width: 100%;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0 -1%;
    width: auto;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    margin: 1%;
    width: 48%;
  }
  .main-light {
  }
  .main-light .my-account-page .account-container .account-grid .account-list {
    padding: 1.25rem 0.625rem 1.25rem 1rem;
  }
  .main-light .my-account-page .account-container .account-grid .account-list .acc-list-icon {
    margin-right: 1.25rem;
  }
  .main-light .live-banner .player {
    height: calc(100vh - 30rem);
  }
  .main-light .live-banner .player .video-cs-blk {
    top: 30px;
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 800px) {
  .main-light body.first-user-activated {
    padding-top: 60px !important;
  }
}
@media (min-width: 767px) {
  .main-light .slider-img {
    height: 163px !important;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .main-light ul.footer-text.links-text::after {
    top: 190px !important;
  }
  .main-light footer .app-links {
    display: none;
  }
}
@media only screen and (max-width: 1460px) and (min-width: 1350px) {
  .main-light .app-banner h6 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1349px) and (min-width: 1030px) {
  .main-light .app-banner h6 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1175px) and (min-width: 1088px) {
  .main-light .app-banner h6 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1088px) and (min-width: 1024px) {
  .main-light .app-banner h6 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1800px) {
  .main-light .video-detail-page .video-player-bg {
    background-size: contain !important;
  }
  .main-light .item {
    padding: 3px 0px !important;
    margin-right: 5px !important;
  }
  .main-light .web_series .owl-nav {
    display: none !important;
  }
}
@media only screen and (min-width: 660px) {
  .main-light .single-subscription {
    position: relative;
    min-height: 330px;
  }
  .main-light .grouper {
    position: absolute;
    width: 100%;
    top: 40%;
  }
}
@media only screen and (min-width: 1700px) {
  .main-light .liveplayer .video-detail-page {
    min-height: 800px;
  }
  .main-light .home-banner .banner-tittle::before {
    height: 100%;
  }
  .main-light .home-banner {
    margin-top: 0px;
  }
  .main-light .home-banner .owl-carousel .owl-item img {
    object-fit: cover;
  }
  .main-light .app-banner {
    padding: 3.2% 0 !important;
  }
  .main-light .app-banner h6 {
    font-size: 60px;
    padding: 0px 250px;
  }
}
@media (min-width: 1500px) {
  .main-light .player_next_video {
    left: 75%;
    bottom: 45px;
  }
}
@media (max-width: 1499px) and (min-width: 1100px) {
  .main-light .player_next_video {
    bottom: 23px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1700px) {
  .main-light .home-banner {
    margin-bottom: 14%;
  }
  .main-light .home-banner .owl-carousel {
    position: absolute;
    top: -28px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 798px) {
  .main-light .home-banner {
    margin-bottom: 175px !important;
  }
  .main-light .home-banner .banner-content .banner-tittle h3 {
    font-size: 24px;
  }
  .main-light .home-banner .owl-carousel {
    position: absolute;
    top: -20px;
  }
  .main-light .home-banner .banner-content {
    height: 140px;
  }
  .main-light .home-banner .owl-item img {
    height: 140px !important;
    max-height: 300px;
    object-fit: cover !important;
    opacity: 0.5;
  }
}
@media (min-width: 800px) {
  .main-light .toast-container {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform: translate(-50%, 0%) !important;
    z-index: 1000000000 !important;
  }
}
@media (max-width: 1800px) {
  .main-light #storys a {
    width: 130px;
    padding-bottom: 3px;
    text-align: center;
  }
}
@media (min-width: 1800px) {
  .main-light .player_next_video {
    left: 77% !important;
  }
}
@media (max-width: 1025px) {
  .main-light .profile-page .profile-right .profile-dashboard .user-profile-data h4 span {
    display: flex !important;
  }
  .main-light .video-player-center {
    display: block !important;
  }
  .main-light .video-detail-page .video-bottom {
    margin: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-light .playlist .playlist-details {
    display: block;
  }
  .main-light .playlist .playlist-details .playlist-img {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-light .contact-us-content .button {
    text-align: center !important;
  }
  .main-light .download_pdf {
    margin: 0 15px;
  }
  .main-light .search-blk {
    margin-right: -15px !important;
    margin-top: -5px !important;
  }
  .main-light .video-detail-page .video-player-outer {
    max-height: initial;
    width: 100%;
  }
  .main-light .video-detail-page .video-player-bg {
    background-size: cover;
    max-height: 200px;
  }
  .main-light .video-detail-page .video-player {
    height: 200px !important;
  }
  .main-light .video-detail-page .video-data-info span:nth-child(2) {
    display: inline-block !important;
  }
  .main-light .video-detail-page .video-bottom {
    background: #0e243e;
  }
  .main-light .video-detail-page .video_category_name {
    display: inline-block !important;
  }
  .main-light .banner-slider .banner-content .play-icon {
    width: 120px !important;
    font-size: 16px !important;
  }
  .main-light .banner-slider .banner-item {
    background-position-y: 0px !important;
  }
  .main-light .home-banner {
    padding-bottom: 10px;
  }
  .main-light .app-banner {
    padding: 30px 10px;
    background-size: 100%;
    background-position: right;
    height: auto !important;
    border-radius: 5px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main-light .banner-slider .banner-content .banner-tittle {
    height: 100%;
  }
  .main-light .subscription-blk a {
    margin-bottom: 20px !important;
  }
  .main-light .subscription-blk {
    margin-bottom: 35px !important;
  }
  .main-light .benefit_container .sub-list {
    display: block;
  }
  .main-light .benefit_container .sub-list li {
    width: 100%;
  }
  .main-light .container.album-list-container {
    flex-wrap: wrap;
  }
  .main-light .album-list-container ngx-select-dropdown {
    width: 150px !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .main-light .album-list-container ngx-select-dropdown button span {
    font-size: 14px !important;
  }
  .main-light .arama-kutusu {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-light .album-list-container .arama-yazi {
    width: 90% !important;
  }
  .main-light .mobile-alphabet {
    display: none !important;
  }
  .main-light .search-dropdown li {
    padding: 3px 5px !important;
  }
  .main-light .detail-image-content {
    display: block !important;
  }
  .main-light .detail-page-body perfect-scrollbar.scroll-padding {
    max-height: 100% !important;
  }
  .main-light .detail-page-body .song-name h5 {
    display: block !important;
  }
  .main-light .detail-page-body .ps-content {
    overflow: hidden !important;
  }
  .main-light .detail-content {
    width: 100% !important;
  }
  .main-light .search-dropdown {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-top: 10px;
  }
  .main-light .banner-slider .banner-content {
    height: 100%;
  }
  .main-light .app-banner h6 {
    font-size: 16px !important;
    padding: 1% 5% 2% 5%;
  }
  .main-light .app-banner {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .main-light .watermark-logo {
    top: 55% !important;
    left: 31% !important;
  }
  .main-light .watermark-logo2 {
    top: 55% !important;
    left: 75% !important;
  }
  .main-light .f-row .notification-blk .notify-icon .not-count {
    position: absolute;
    top: -6px;
    right: -7px;
  }
  .main-light .audio-page .container .card-wrapper {
    padding-top: 10px;
  }
  .main-light a.homes svg path {
    fill: rgb(242, 110, 34) !important;
  }
  .main-light a.mobile-home.active svg {
    border-bottom: 1px solid #ccc;
  }
  .main-light a.mobile-home.active img {
    border-bottom: 1px solid #ccc;
  }
  .main-light a.mobile-home.homes.active svg {
    padding-bottom: 1px;
  }
  .main-light .ngx-dropdown-container .ngx-dropdown-button {
    padding: 5px 4px 5px 10px !important;
  }
  .main-light .album-list-container ngx-select-dropdown button span {
    font-size: 12px !important;
  }
  .main-light .home-banner {
    margin-top: 0px !important;
  }
  .main-light .pay-type,
  .main-light .pay-type h3 {
    flex-wrap: wrap !important;
  }
  .main-light .pay-type span,
  .main-light .pay-type h3 span {
    padding-left: 0px !important;
  }
  .main-light .card-payment-popup .card-outer,
  .main-light .card-payment-popup .pay_options {
    display: block;
  }
  .main-light .card-payment-popup .preferred,
  .main-light .card-payment-popup .others {
    width: 100%;
  }
  .main-light .card-payment-popup .others {
    margin-left: 0px;
    margin-top: 40px;
    padding-top: 75px;
    padding-bottom: 75px;
    height: 230px;
  }
  .main-light .card-payment-popup .others h4 {
    margin-top: -60px !important;
  }
  .main-light .card-payment-popup .upis {
    padding-top: 16px;
    padding-bottom: 18px;
    bottom: 20px;
  }
  .main-light .card_upi {
    display: block !important;
  }
  .main-light .card_upi .carders,
  .main-light .card_upi .neters {
    width: 100% !important;
  }
  .main-light .card_upi .neters {
    margin-top: 15px;
  }
  .main-light .changer_sub .modal-body {
    margin-top: 200px;
    margin-bottom: 25px;
  }
  .main-light .sub_modal h4 {
    font-size: 20px !important;
  }
  .main-light .f-footer .home_logo {
    margin-top: 0px !important;
    left: 77px;
    margin-bottom: 5px !important;
  }
  .main-light footer .f-footer .footer-text {
    margin-bottom: 5px !important;
  }
  .main-light .user-profile-data {
    display: grid !important;
  }
  .main-light .user-profile-data h4 {
    margin: 0 auto;
  }
  .main-light footer .footer-text {
    width: 100% !important;
    padding-left: 5px;
  }
  .main-light footer .links-text::after {
    display: none;
  }
  .main-light footer .contact-ul.con-link li {
    width: 100% !important;
  }
  .main-light footer .app-links {
    width: 100% !important;
    padding-left: 10px;
  }
  .main-light .banner-item {
    height: 190px !important;
    width: 100% !important;
  }
  .main-light .slider-item.loader,
  .main-dark .profile-page .profile-right .history .history-container .main-light .loader.item,
  .main-light .profile-page .profile-right .history .history-container .loader.item {
    width: 100% !important;
    height: auto;
  }
  .main-light .web_series .item,
  .main-light .web-series-card .item {
    margin-bottom: 10px;
    width: 100% !important;
  }
  .main-light .web_series .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .web_series .item,
  .main-light .web_series .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .web_series .item,
  .main-light .web-series-card .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .web-series-card .item,
  .main-light .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .web-series-card .item {
    width: 100% !important;
    height: 220px;
  }
  .main-light .web_series .slider-img,
  .main-light .web-series-card .slider-img {
    height: 185px !important;
  }
  .main-light .web_series .loader,
  .main-light .web-series-card .loader {
    height: 150px !important;
  }
  .main-light .web_series .loader .slider-img,
  .main-light .web-series-card .loader .slider-img {
    height: 110px !important;
  }
  .main-light .checkout .product-details .image-description {
    padding: 25px;
  }
  .main-light .checkout .product-details .image-description .image {
    margin-right: 15px;
  }
  .main-light .checkout .product-details .image-description .image img {
    width: 80px;
  }
  .main-light .checkout .product-details .views-price {
    padding: 14px 25px;
  }
  .main-light .payment-page .payment-container .payment-head .playment-head-image {
    width: 110px;
  }
  .main-light .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-light .intl-tel-input .country-list {
    max-width: 300px;
  }
  .main-light .no-video-blk h4 {
    font-size: 16px;
    padding: 10px 0;
  }
  .main-light .banner-slider .banner-item {
    height: 220px;
  }
  .main-light .banner-slider .banner-content .banner-tittle h3 {
    font-size: 25px;
  }
  .main-light .banner-slider .banner-content .banner-tittle p {
    font-size: 13px;
  }
  .main-light #myModal .modal-content {
    width: 90%;
  }
  .main-light .skeleton-loader .contus-slider .item {
    width: 100% !important;
    max-width: 100%;
  }
  .main-light .card-payment-popup {
    margin: 25px 0;
  }
  .main-light .card-payment-popup h3 {
    font-size: 18px;
    padding: 20px 15px;
  }
  .main-light .card-payment-popup h3 .button {
    display: none;
  }
  .main-light .card-payment-popup .card-outer {
    padding-top: 25px;
    height: auto;
    padding-bottom: 55px;
    padding-right: 30px;
  }
  .main-light .card-payment-popup .agree-chk .checkbox {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    top: -1px;
    position: relative;
  }
  .main-light .card-payment-popup .agree-chk .checkbox:checked {
    height: 16px;
    width: 16px;
  }
  .main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group {
    width: 50%;
    padding-right: 30px;
    margin: 0;
  }
  .main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group label {
    display: block;
  }
  .main-light .card-payment-popup .add-card .card-inner-set.card-expr .card_field_group.cvv-number {
    width: 50%;
    padding: 0;
  }
  .main-light .card-payment-popup .card-left-menu {
    width: 100%;
    border-right: 0px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-light .card-payment-popup .card-left-menu a {
    font-size: 15px;
    padding: 10px 15px;
    overflow: hidden;
    display: block;
    text-align: center;
  }
  .main-light .card-payment-popup .card-left-menu a:before {
    width: 0;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    transition: width 0.3s ease;
  }
  .main-light .card-payment-popup .card-left-menu a.active:before,
  .main-light .card-payment-popup .card-left-menu a.active:hover:before {
    width: 100%;
    height: 2px;
    top: auto;
    bottom: 0px;
    left: -1px;
    right: auto;
    display: block;
    transition: width 0.3s ease;
  }
  .main-light .card-payment-popup .card-left-menu a:hover::before {
    display: none;
  }
  .main-light .card-payment-popup .card-right {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 0;
    min-height: auto;
  }
  .main-light .card-payment-popup .net-banking-blk select,
  .main-light .card-payment-popup .net-banking-blk input,
  .main-light .card-payment-popup .net-banking-blk label,
  .main-light .card-payment-popup .add-card select,
  .main-light .card-payment-popup .add-card input,
  .main-light .card-payment-popup .add-card label {
    font-size: 14px;
  }
  .main-light .card-payment-popup .org-btn,
  .main-dark .video-detail-page .see-more-blk .main-light .card-payment-popup .see-more,
  .main-dark .vplay-comments .main-light .card-payment-popup .load-more,
  .main-dark .profile-page .profile-right .change-password .main-light .card-payment-popup .cancel-btn,
  .main-dark .profile-page .profile-right .profile-form .main-light .card-payment-popup .cancel-btn,
  .main-light .card-payment-popup .video-detail-page .see-more-blk .see-more,
  .main-light .video-detail-page .see-more-blk .card-payment-popup .see-more,
  .main-light .card-payment-popup .vplay-comments .load-more,
  .main-light .vplay-comments .card-payment-popup .load-more,
  .main-light .card-payment-popup .profile-page .profile-right .change-password .cancel-btn,
  .main-light .profile-page .profile-right .change-password .card-payment-popup .cancel-btn,
  .main-light .card-payment-popup .profile-page .profile-right .profile-form .cancel-btn,
  .main-light .profile-page .profile-right .profile-form .card-payment-popup .cancel-btn {
    padding: 11px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .main-light .back_btn {
    width: 25px;
    height: 25px;
  }
  .main-light .back_btn svg {
    width: 15px;
    height: 15px;
  }
  .main-light .video-cs-blk {
    left: 0;
    padding: 0 20px;
  }
  .main-light app-player.video-player-center .movie-title,
  .main-light .video-player-center .movie-title {
    width: 50%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px;
  }
  .main-light app-player.video-player-center .movie-title h2,
  .main-light .video-player-center .movie-title h2 {
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-light app-player.video-player-center .movie-title h3,
  .main-light .video-player-center .movie-title h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-light .faq-container .faq-left,
  .main-light .faq-container .faq-right {
    max-width: 100%;
  }
  .main-light .pricing .subscription-blk .sub-price {
    font-size: 1.875rem;
  }
  .main-light .pricing .subscription-blk a {
    min-width: inherit;
    display: block;
    max-width: 90%;
    margin: 0 auto;
    padding: 15px 10px;
  }
  .main-light {
  }
  .main-light .categories-page .categories-list li {
    width: 33.3%;
  }
  .main-light {
  }
  .main-light .video-detail-page .contus-slider-outer {
    padding: 11px 0 0;
  }
  .main-light .video-detail-page .user-options {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
  .main-light .video-detail-page .user-options a,
  .main-light .video-detail-page .user-options .favourite,
  .main-light .video-detail-page .user-options .playlist,
  .main-light .video-detail-page .user-options .thumbs-up,
  .main-light .video-detail-page .user-options .thumbs-down {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    margin-right: 0rem;
  }
  .main-light .video-detail-page .user-options a i,
  .main-light .video-detail-page .user-options .favourite i,
  .main-light .video-detail-page .user-options .playlist i,
  .main-light .video-detail-page .user-options .thumbs-up i,
  .main-light .video-detail-page .user-options .thumbs-down i {
    height: 21px;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
  }
  .main-light .video-detail-page .user-options a i svg,
  .main-light .video-detail-page .user-options .favourite i svg,
  .main-light .video-detail-page .user-options .playlist i svg,
  .main-light .video-detail-page .user-options .thumbs-up i svg,
  .main-light .video-detail-page .user-options .thumbs-down i svg {
    height: 21px;
  }
  .main-light .video-detail-page .user-options .playlist-icon {
    width: 28px;
  }
  .main-light .video-detail-page .video-player {
    height: 20rem;
  }
  .main-light .video-detail-page .video_category_name,
  .main-light .video-detail-page .genre_name {
    display: none;
  }
  .main-light .video-detail-page .vplay-comments h6 span {
    display: inline;
  }
  .main-light .video-detail-page .vplay-comments .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-light .video-detail-page .vplay-comments .vplay-cmt-input .vplay-cmt-input.replied .prof-img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main-light .video-detail-page .vplay-comments .cmt-box {
    margin-left: 0.9375rem;
  }
  .main-light .video-detail-page .video-content-blk.video-blk-loading {
    padding: 15px;
  }
  .main-light .video-detail-page .video-content-blk.video-blk-loading .related-videos {
    margin: 0;
  }
  .main-light .video-detail-page .vplay-comments {
    padding: 15px;
  }
  .main-light .video-detail-page .vplay-comments .container {
    padding: 0;
  }
  .main-light .video-detail-page .video-bottom {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0 0;
    margin: 0;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.17);
  }
  .main-light .video-detail-page .video-bottom .mobile-category,
  .main-light .video-detail-page .video-bottom .mobile-detail-info.video-data-info {
    display: inline-block;
  }
  .main-light .video-detail-page .video-bottom .video-con-left {
    width: 100%;
    padding: 0 15px;
  }
  .main-light .video-detail-page .video-bottom .play-info a {
    margin-bottom: 10px;
  }
  .main-light .video-detail-page .video-bottom .video-con-right {
    width: 100%;
    margin-top: 0%;
    margin-left: 0;
  }
  .main-light .video-detail-page .video-bottom .video-con-right .video-casting-info {
    padding: 0 15px 5px;
  }
  .main-light .video-detail-page .video-bottom .video-con-right span {
    font-size: 14px;
  }
  .main-light .video-detail-page .video-bottom .video-con-right p a {
    font-size: 12px;
  }
  .main-light .video-detail-page .video-bottom .video-con-right .user-options {
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px 5px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-light .video-detail-page .video-bottom .video-con-right .user-options a {
    width: auto;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-light .my-account-page .account-container .account-grid .account-list {
    max-width: 48%;
  }
  .main-light .profile-page .profile-right .history .history-container .item {
    width: 32%;
  }
  .main-light .profile-page .profile-right .saved-card-page .add-new-card {
    width: 49%;
  }
  .main-light .profile-page .profile-right .saved-card-page .added-card {
    width: 49%;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 32.3%;
    margin: 0.5%;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    right: -30px;
    max-width: 170px;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title input {
    max-width: 100%;
  }
  .main-light .play-js .play-control-bar {
    height: 6rem;
    margin-bottom: 0;
  }
  .main-light .play-error .play-error-display:before {
    display: none;
  }
  .main-light .videos-dimensions.play-error .play-error-display .play-modal-dialog-content {
    margin: 0;
    width: 80%;
  }
  .main-light .card-payment-popup .card-right {
    width: 100%;
  }
  .main-light .card-payment-popup .pay-secure-btn {
    width: 100%;
    max-width: 21.5625rem;
  }
  .main-light .card-payment-popup .form-coupon .app-coupon .coupon .card-field-group .promo-label {
    margin-top: 0.625rem;
  }
  .main-light .saved-card-form .added-card-list {
    width: 92%;
  }
  .main-light .saved-card-form .added-card-list .added-card-details {
    max-width: 100%;
  }
  .main-light .saved-card-form .added-card-list .added-card-details .added-card {
    width: 100%;
  }
  .main-light .vplayer-overlay {
    top: 60% !important;
  }
  .main-light #watermark-logo {
    top: 53% !important;
  }
}
@media (max-width: 650px) {
  .main-light .checkout .payment-methods h3 {
    margin-bottom: 10px;
  }
  .main-light .checkout .payment-methods .radios ul {
    margin: 0 -5px;
  }
  .main-light .checkout .payment-methods .radios ul li {
    padding: 5px;
  }
  .main-light .checkout .payment-methods .radios .radio-box .card-image img {
    width: 30px;
    margin-right: 10px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-light .subscription-grid {
    text-align: center;
  }
  .main-light .pricing .subscription-blk {
    max-width: 100%;
  }
  .main-light .small-vplay,
  .main-light .related-videos {
    padding-top: 0;
    margin: 0 0 5px;
  }
  .main-light .contus-slider-outer {
    padding: 11px 0;
  }
  .main-light .video-detail-page .video-data-info a {
    display: none;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile {
    padding-top: 40px;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile .user-data {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-img {
    margin-bottom: 0.9375rem;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile .user-data .user-profile-data {
    margin-left: 0;
    width: 100%;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards {
    margin: 0;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer .user-data-cards .user-data-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-tittle {
    position: absolute;
    right: 15px;
    top: 14px;
  }
  .main-light {
  }
  .main-light .live-videos-page .video-tabs-blk .video-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .main-light .live-videos-page .video-tabs-blk a {
    padding: 1rem 0.875rem;
    width: 50%;
  }
  .main-light .f-row .notification-blk .notification-dropdown {
    max-width: 300px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification svg {
    width: 120px;
    height: 120px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container .no-notification p {
    display: block;
    padding: 0 10px;
    white-space: normal;
  }
  .main-light .live-banner .player {
    height: calc(100vh - 32rem);
  }
}
@media (max-width: 600px) {
  .main-light footer .f-footer .footer-text,
  .main-light footer .f-footer .app-links {
    width: 50%;
  }
  .main-light footer .f-footer .footer-text.contact-ul,
  .main-light footer .f-footer .app-links.contact-ul {
    margin: 0;
  }
  .main-light footer .f-footer .footer-text .app-store,
  .main-light footer .f-footer .app-links .app-store {
    margin-bottom: 10px;
  }
  .main-light .my-playlist-container ul .my-playlist-list {
    max-width: 49%;
  }
}
@media (max-width: 560px) {
  .main-light .f-row .search-blk.open {
    height: 60px;
  }
  .main-light {
  }
  .main-light .small-vplay .small-slider .slider-item .slider-content p,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-content p,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content p,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content p,
  .main-light .small-vplay .small-slider .slider-item .slider-content .category-text,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-content .category-text,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .category-text,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .category-text {
    width: 80%;
  }
  .main-light .small-vplay .small-slider .slider-item .slider-content .like,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-content .like,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .like,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .like,
  .main-light .small-vplay .small-slider .slider-item .slider-content .liked,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-content .liked,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content .liked,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content .liked {
    width: 16px;
    height: 16px;
    top: unset;
    right: 10px;
  }
  .main-light {
  }
  .main-light .small-vplay .small-slider .slider-item .slider-img,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-img,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-img,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-img {
    height: auto;
  }
  .main-light .lanscape-vplay .lanscape-slider .slider-item .slider-img.as-bg,
  .main-dark .profile-page .profile-right .history .history-container .main-light .lanscape-vplay .lanscape-slider .item .slider-img.as-bg,
  .main-light .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-img.as-bg,
  .main-light .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-img.as-bg {
    height: 6.875rem;
  }
  .main-light {
  }
  .main-light .f-row {
    height: 60px;
  }
  .main-light .f-row .toggle-menu .mobile-overlay.show {
    display: block;
  }
  .main-light .f-row .dropdown-menu .personal-menu {
    padding: 10px 0;
  }
  .main-light .f-row .logo {
    display: inline-block;
  }
  .main-light .f-row .logo img {
    width: 100%;
  }
  .main-light .f-row .search-blk i {
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-light .f-row .search-blk.open i {
    top: 30px;
  }
  .main-light .f-row .dropdown-profile.open {
    top: 42px;
  }
  .main-light .f-row .profile-image {
    margin-right: 10px;
  }
  .main-light .f-row .toggle-profile {
    margin-right: 0;
  }
  .main-light .f-row .toggle-profile h4 {
    display: none;
  }
  .main-light {
  }
  .main-light .banner-background {
    height: 220px;
  }
  .main-light .banner-slider .banner-content .play-icon {
    width: 3rem;
    height: 3rem;
    margin-top: 0;
    min-width: auto;
  }
  .main-light .banner-slider .banner-content .banner-tittle h3 {
    font-size: 1.5rem;
  }
  .main-light .banner-slider .banner-content .banner-tittle p {
    font-size: 0.8rem;
  }
  .main-light {
  }
  .main-light .app-banner h6 {
    font-size: 28px;
  }
  .main-light .app-banner p {
    margin: 25px 0;
    line-height: 22px;
  }
  .main-light .app-banner .social-apps a {
    margin-right: 10px;
    zoom: 0.8;
  }
  .main-light .tittle-blk h5 {
    padding-right: 10px;
  }
  .main-light {
  }
  .main-light .list-view aside {
    width: 50%;
  }
  .main-light {
  }
  .main-light .categories-page .categories-list li {
    width: 48%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light .genre-view .genre-list .item {
    width: 100%;
    margin: 2%;
  }
  .main-light {
  }
  .main-light .live-videos-page .video-listing .video-listing-container .item {
    width: 46%;
    margin: 2%;
  }
  .main-light {
  }
  .main-light .list-view .genre-view .genre-list .item {
    width: 46%;
    margin: 2%;
  }
  .main-light {
  }
  .main-light .video-detail-page .related-videos-container .item {
    width: 48%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light .profile-page .profile-right .edit-profile-blk {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-light .profile-page .profile-right .v-user {
    text-align: center;
    margin-right: 0;
  }
  .main-light .profile-page .profile-right .v-user .v-user-image {
    margin: auto;
  }
  .main-light .profile-page .profile-right .user-note {
    width: 100%;
  }
  .main-light .profile-page .profile-right .profile-dashboard .my-profile-top {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-profile {
    max-width: 100%;
    margin: 0;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-cards-outer {
    margin: 0;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card {
    max-width: 100%;
    margin: 15px 0 0;
  }
  .main-light .profile-page .profile-right .profile-dashboard .user-data-card:last-child {
    margin: 15px 0 0;
  }
  .main-light .profile-page .profile-right .history .history-container .item {
    width: 48%;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 48%;
    margin: 1%;
  }
  .main-light {
  }
  .main-light footer .footer-text {
    width: 50%;
  }
  .main-light .login-signup-modal .modal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 55px);
  }
  .main-light .card-payment-popup .added-card-list {
    margin: 0;
  }
  .main-light .card-payment-popup .added-card {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 480px) {
  .main-light .checkout .product-details .image-description {
    padding: 25px 15px;
  }
  .main-light .checkout .product-details .views-price {
    padding: 14px 15px;
  }
  .main-light .checkout .payment-methods .radios ul li {
    width: 50%;
  }
  .main-light .contact-us .contact-us-content .left-side .one-set {
    width: 100%;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list {
    max-width: 99%;
  }
  .main-light .profile-page .profile-right .my-playlist-container ul .my-playlist-list .my-playlist-detail .playlist-more .playlist-edit-title {
    padding: 10px;
    max-width: 210px;
    right: 0;
  }
  .main-light .small-vplay .small-slider .slider-item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .main-light .small-vplay .small-slider .item .slider-content,
  .main-light .small-vplay .small-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .small-vplay .small-slider .item .slider-content,
  .main-light .lanscape-vplay .lanscape-slider .slider-item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .main-light .lanscape-vplay .lanscape-slider .item .slider-content,
  .main-light .lanscape-vplay .lanscape-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .lanscape-vplay .lanscape-slider .item .slider-content {
    padding: 10px;
  }
  .main-light .new-vplay .portrait-slider .slider-item .slider-content,
  .main-dark .profile-page .profile-right .history .history-container .main-light .new-vplay .portrait-slider .item .slider-content,
  .main-light .new-vplay .portrait-slider .profile-page .profile-right .history .history-container .item .slider-content,
  .main-light .profile-page .profile-right .history .history-container .new-vplay .portrait-slider .item .slider-content {
    padding: 10px 35px 10px 10px;
  }
  .main-light {
  }
  .main-light footer .f-footer {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-light footer .f-footer .footer-text {
    width: 100%;
    margin-left: 5% !important;
    margin-bottom: 20px;
  }
  .main-light footer .f-footer .footer-text.contact-ul {
    margin-bottom: 20px;
  }
  .main-light {
  }
  .main-light .playlist .playlist-item {
    width: 48%;
    margin: 1%;
  }
  .main-light .list-view aside {
    width: 75%;
  }
  .main-light .list-view .genre-view .genre-list .item {
    width: 100%;
  }
  .main-light {
  }
  .main-light .video-detail-page .play-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .main-light .video-detail-page .play-info a {
    margin-bottom: 10px;
  }
  .main-light .video-detail-page .play-info .get-premium-btn {
    padding: 7px;
    text-transform: uppercase;
    background: #f16c1f;
    color: #fff;
    border-radius: 3px;
    width: auto;
    font-size: 12px;
    text-align: center;
  }
  .main-light .video-detail-page .video-data-info {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  .main-light .video-detail-page .video-data-info span {
    margin-right: 20px;
  }
  .main-light .video-detail-page .video-data-info span:nth-child(2) {
    display: none;
  }
  .main-light {
  }
  .main-light .f-row .notification-blk .notification-dropdown {
    width: 23rem;
    right: -75px;
  }
  .main-light .f-row .notification-blk .notification-dropdown:before {
    right: 70px;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list {
    padding: 1.25rem 1.25rem;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list .notify-thumb {
    display: none;
  }
  .main-light .f-row .notification-blk .notification-dropdown .notification-container ul .notify-list.admin_msg:before {
    left: 1%;
  }
  .main-light .my-account-page .account-container .account-grid {
    margin: 0 0 15px;
  }
  .main-light .my-account-page .account-container .account-grid .account-list {
    max-width: 100%;
  }
  .main-light .profile-page .profile-right .saved-card-page .add-new-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-light .profile-page .profile-right .saved-card-page .added-card {
    width: 100%;
    margin: 1% 0;
  }
  .main-light .login-signup-modal .form-control input {
    height: 3em;
  }
  .main-light .f-row .lang-toggle .lang-select .lang-down-arrow {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 390px) {
  .main-light .payment-page {
    padding: 30px 0;
  }
  .main-light .payment-page .payment-container .payment-head {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
  }
  .main-light .payment-page .payment-container .payment-head .playment-head-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: auto;
  }
  .main-light .payment-page .payment-container .payment-head .payment-head-right {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
  }
  .main-light .payment-page .payment-container .payment-head .payment-head-right .payment-title {
    font-size: 18px;
  }
  .main-light .payment-page .payment-container .payment-body {
    margin-bottom: 0;
  }
  .main-light .payment-page .payment-container .payment-body ul {
    display: block;
  }
  .main-light .payment-page .payment-container .payment-body li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .main-light .payment-page .payment-container .payment-body li label {
    width: 50%;
  }
  .main-light {
  }
  .main-light footer .f-footer ul {
    width: 100%;
  }
  .main-light .slider-item .video-option-list,
  .main-dark .profile-page .profile-right .history .history-container .main-light .item .video-option-list,
  .main-light .profile-page .profile-right .history .history-container .item .video-option-list {
    right: -20px;
  }
  .main-light .f-row {
    padding: 0 10px;
  }
}
.main-light {
}
@media only screen and (min-width: 320px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main-light .live-banner .player {
    height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 1310px) and (min-width: 1190px) {
  .main-light .contact-ul {
    width: 20%;
  }
}
@media screen and (max-width: 1190px) and (min-width: 768px) {
  .main-light .contact-links,
  .main-light .app-links {
    width: 100% !important;
  }
  .main-light ul.footer-text.links-text::after {
    top: 145px;
  }
  .main-light .links-text {
    width: 30% !important;
  }
  .main-light footer .s-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1370px) and (min-width: 1100px) {
  .main-light .playlist-all .item,
  .main-light .admin-playlist-slider .item,
  .main-light .grids .item,
  .main-light .search-gener .item,
  .main-light .web_series #webseries .item,
  .main-light .web_series_detail .web-series-card .item {
    width: 24% !important;
  }
  .main-light .playlist-all .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .playlist-all .item,
  .main-light .playlist-all .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .playlist-all .item,
  .main-light .admin-playlist-slider .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .admin-playlist-slider .item,
  .main-light .admin-playlist-slider .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .admin-playlist-slider .item,
  .main-light .grids .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .grids .item,
  .main-light .grids .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .grids .item,
  .main-light .search-gener .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .search-gener .item,
  .main-light .search-gener .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .search-gener .item,
  .main-light .web_series #webseries .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .web_series #webseries .item,
  .main-light .web_series #webseries .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .web_series #webseries .item,
  .main-light .web_series_detail .web-series-card .slider-item,
  .main-dark .profile-page .profile-right .history .history-container .main-light .web_series_detail .web-series-card .item,
  .main-light .web_series_detail .web-series-card .profile-page .profile-right .history .history-container .item,
  .main-light .profile-page .profile-right .history .history-container .web_series_detail .web-series-card .item {
    width: 100% !important;
    height: auto !important;
  }
  .main-light .playlist-all .slider-img,
  .main-light .admin-playlist-slider .slider-img,
  .main-light .grids .slider-img,
  .main-light .search-gener .slider-img,
  .main-light .web_series #webseries .slider-img,
  .main-light .web_series_detail .web-series-card .slider-img {
    height: auto !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-light .watermark-logo {
    left: 40% !important;
  }
  .main-light .watermark-logo2 {
    left: 64% !important;
  }
  .main-light .vplayer-overlay {
    top: 70% !important;
  }
}
.main-light {
}
.main-light .share-popup.share-modern {
  max-width: 480px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
.main-light .share-popup.share-modern .share-tittle {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.main-light .share-popup.share-modern .share-tittle h4 {
  font-size: 18px;
  text-transform: capitalize;
  color: #0f0f0f;
  font-weight: 600;
}
.main-light .share-popup.share-modern .share-content {
  padding: 16px 20px 4px;
}
.main-light .share-popup.share-modern .share-content .share-movie {
  display: flex;
  align-items: center;
}
.main-light .share-popup.share-modern .share-content .share-movie span {
  width: auto;
  flex: 1;
  font-size: 15px;
  line-height: 1.35;
  color: #0f0f0f;
  max-height: 41px;
  overflow: hidden;
}
.main-light .share-popup.share-modern .share-content .share-movie-img {
  width: 120px !important;
  height: 68px !important;
  object-fit: cover;
  margin-right: 14px;
  flex: 0 0 auto;
  background: #eee;
}
.main-light .share-popup.share-modern {
}
.main-light .share-popup.share-modern .share-options {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 14px 20px 6px;
  -webkit-overflow-scrolling: touch;
}
.main-light .share-popup.share-modern .share-options::-webkit-scrollbar {
  height: 4px;
}
.main-light .share-popup.share-modern .share-options::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 4px;
}
.main-light .share-popup.share-modern .share-opt {
  flex: 0 0 auto;
  width: 68px;
  padding: 0;
  margin-right: 6px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
}
.main-light .share-popup.share-modern .share-opt:last-child {
  margin-right: 0;
}
.main-light .share-popup.share-modern .share-opt:focus {
  outline: none;
}
.main-light .share-popup.share-modern .share-opt:hover .share-opt-icon {
  transform: scale(1.07);
}
.main-light .share-popup.share-modern .share-opt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 6px;
  border-radius: 50%;
  color: #fff;
  background: #606060;
  transition: transform ease 0.2s;
}
.main-light .share-popup.share-modern .share-opt-icon svg {
  width: 24px;
  height: 24px;
}
.main-light .share-popup.share-modern .share-opt-icon.whatsapp {
  background: #25d366;
}
.main-light .share-popup.share-modern .share-opt-icon.facebook {
  background: #1877f2;
}
.main-light .share-popup.share-modern .share-opt-icon.twitter {
  background: #000;
}
.main-light .share-popup.share-modern .share-opt-icon.telegram {
  background: #229ed9;
}
.main-light .share-popup.share-modern .share-opt-icon.email {
  background: #ea4335;
}
.main-light .share-popup.share-modern .share-opt-icon.copy {
  background: #5f6368;
}
.main-light .share-popup.share-modern .share-opt-icon.more {
  background: #3f3f3f;
}
.main-light .share-popup.share-modern .share-opt-label {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #606060;
  word-break: break-word;
}
.main-light .share-popup.share-modern {
}
.main-light .share-popup.share-modern .share-link-row {
  display: flex;
  align-items: center;
  margin: 8px 20px 18px;
  padding: 4px 4px 4px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  background: #f7f7f7;
}
.main-light .share-popup.share-modern .share-link-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 8px 8px 8px 0;
  font-size: 14px;
  color: #0f0f0f;
  text-overflow: ellipsis;
}
.main-light .share-popup.share-modern .share-link-input:focus {
  outline: none;
}
.main-light .share-popup.share-modern .share-copy-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 20px;
  padding: 9px 18px;
  background: #065fd4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background ease 0.2s;
}
.main-light .share-popup.share-modern .share-copy-btn:focus {
  outline: none;
}
.main-light .share-popup.share-modern .share-copy-btn:hover {
  background: #0552b5;
}
.main-light .share-popup.share-modern .share-copy-btn.copied {
  background: #0f9d58;
}
@media only screen and (max-width: 767px) {
  .main-light .share-popup.share-modern {
    max-width: 94%;
    border-radius: 12px;
  }
  .main-light .share-popup.share-modern .share-tittle {
    padding: 14px 16px;
  }
  .main-light .share-popup.share-modern .share-content {
    padding: 14px 16px 2px;
  }
  .main-light .share-popup.share-modern .share-content .share-movie-img {
    width: 96px !important;
    height: 56px !important;
    margin-right: 12px;
  }
  .main-light .share-popup.share-modern .share-content .share-movie span {
    font-size: 14px;
  }
  .main-light .share-popup.share-modern .share-options {
    padding: 12px 16px 6px;
  }
  .main-light .share-popup.share-modern .share-opt {
    width: 62px;
  }
  .main-light .share-popup.share-modern .share-opt-icon {
    width: 44px;
    height: 44px;
  }
  .main-light .share-popup.share-modern .share-opt-icon svg {
    width: 22px;
    height: 22px;
  }
  .main-light .share-popup.share-modern .share-opt-label {
    font-size: 11px;
  }
  .main-light .share-popup.share-modern .share-link-row {
    margin: 8px 16px 16px;
    padding-left: 12px;
  }
  .main-light .share-popup.share-modern .share-copy-btn {
    padding: 8px 14px;
  }
}
.main-light .tittle-blk .publish-date-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 14px;
  border: 1px solid rgba(251, 133, 65, 0.6);
  border-radius: 20px;
  font-size: 14px !important;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.main-light .tittle-blk .publish-date-toggle svg {
  flex: 0 0 auto;
}
.main-light .tittle-blk .publish-date-toggle:hover,
.main-light .tittle-blk .publish-date-toggle.active {
  background: rgb(251, 133, 65);
  color: #fff !important;
}
@media (max-width: 767px) {
  .main-light .tittle-blk .publish-date-toggle {
    padding: 6px 10px;
  }
  .main-light .tittle-blk .publish-date-toggle span {
    display: none;
  }
}
.main-light .delete-account-page,
.main-light .da-request {
  color: #3d3d3d;
}
.main-light .delete-account-page h1,
.main-light .delete-account-page h2,
.main-light .delete-account-page h3,
.main-light .delete-account-page strong,
.main-light .da-request h1,
.main-light .da-request h2,
.main-light .da-request h3,
.main-light .da-request strong {
  color: #424242;
}
.main-light {
  background: #fff;
}
.main-light.home-page .min-content {
  margin-top: 1.875rem;
}
.pts {
  color: #935d24 !important;
  background: #fec40e !important;
  padding: 1px 3px !important;
  height: 18px !important;
  width: 20px !important;
  border-radius: 0px 0px 10px 0px !important;
  background: #fec40e !important;
  background: #fec40e !important;
}

/* node_modules/owl.carousel/dist/assets/owl.carousel.css */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("./media/owl.video.play-4O2DMQ3I.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* src/assets/scss/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-family: "Notosans";
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  float: right;
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 99999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 25px;
  width: 350px;
  text-align: center;
  border-radius: 3px 3px 3px 3px;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .toast:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
*/ .toast-container.toast-top-center .toast, .toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .toast,
.toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background:
    linear-gradient(
      60deg,
      #288c6c,
      #4ea752);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4);
}
.toast-error {
  background:
    linear-gradient(
      60deg,
      #d22824,
      #da3a36);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4);
}
.toast-info {
  background:
    linear-gradient(
      60deg,
      #029eb1,
      #25b1c3);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4);
}
.toast-warning {
  background:
    linear-gradient(
      60deg,
      #f5700c,
      #ff9800);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* src/assets/scss/player.css */
.play-js .play-big-play-button .play-icon-placeholder:before,
.play-button > .play-icon-placeholder:before,
.play-js .play-modal-dialog,
.play-modal-dialog .play-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.play-js .play-big-play-button .play-icon-placeholder:before,
.play-button > .play-icon-placeholder:before {
  text-align: center;
}
sup {
  color: red;
  font-size: 0.7em;
  margin-left: 0.5em;
  line-height: 0em;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.play-icon-play,
.play-js .play-big-play-button .play-icon-placeholder:before,
.play-js .play-play-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-play:before,
.play-js .play-big-play-button .play-icon-placeholder:before,
.play-js .play-play-control .play-icon-placeholder:before {
  content: "\f101";
}
.play-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-play-circle:before {
  content: "\f102";
}
.play-icon-pause,
.play-js .play-play-control.play-playing .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-pause:before,
.play-js .play-play-control.play-playing .play-icon-placeholder:before {
  content: "\f103";
}
.play-icon-volume-mute,
.play-js .play-mute-control.play-vol-0 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-volume-mute:before,
.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "\f104";
}
.play-icon-volume-low,
.play-js .play-mute-control.play-vol-1 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-volume-low:before,
.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "\f105";
}
.play-icon-volume-mid,
.play-js .play-mute-control.play-vol-2 .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-volume-mid:before,
.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "\f106";
}
.play-icon-volume-high,
.play-js .play-mute-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-volume-high:before,
.play-js .play-mute-control .play-icon-placeholder:before {
  content: "\f107";
}
.play-icon-fullscreen-enter,
.play-js .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-fullscreen-enter:before,
.play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f108";
}
.play-icon-fullscreen-exit,
.play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-fullscreen-exit:before,
.play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  content: "\f109";
}
.play-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-square:before {
  content: "\f10a";
}
.play-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-spinner:before {
  content: "\f10b";
}
.play-icon-subtitles,
.play-js .play-subtitles-button .play-icon-placeholder,
.play-js .play-subs-caps-button .play-icon-placeholder,
.play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder,
.play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder,
.play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder,
.play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-subtitles:before,
.play-js .play-subtitles-button .play-icon-placeholder:before,
.play-js .play-subs-caps-button .play-icon-placeholder:before,
.play-js.play-js:lang(en-GB) .play-subs-caps-button .play-icon-placeholder:before,
.play-js.play-js:lang(en-IE) .play-subs-caps-button .play-icon-placeholder:before,
.play-js.play-js:lang(en-AU) .play-subs-caps-button .play-icon-placeholder:before,
.play-js.play-js:lang(en-NZ) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10c";
}
.play-icon-captions,
.play-js .play-captions-button .play-icon-placeholder,
.play-js:lang(en) .play-subs-caps-button .play-icon-placeholder,
.play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-captions:before,
.play-js .play-captions-button .play-icon-placeholder:before,
.play-js:lang(en) .play-subs-caps-button .play-icon-placeholder:before,
.play-js:lang(fr-CA) .play-subs-caps-button .play-icon-placeholder:before {
  content: "\f10d";
}
.play-icon-chapters,
.play-js .play-chapters-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-chapters:before,
.play-js .play-chapters-button .play-icon-placeholder:before {
  content: "\f10e";
}
.play-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-share:before {
  content: "\f10f";
}
.play-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-cog:before {
  content: "\f110";
}
.play-icon-circle,
.play-js .play-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-circle:before,
.play-js .play-volume-level:before {
  content: "\f111";
}
.play-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-circle-outline:before {
  content: "\f112";
}
.play-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-circle-inner-circle:before {
  content: "\f113";
}
.play-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-hd:before {
  content: "\f114";
}
.play-icon-cancel,
.play-js .play-control.play-close-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-cancel:before,
.play-js .play-control.play-close-button .play-icon-placeholder:before {
  content: "\f115";
}
.play-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-replay:before {
  content: "\f116";
}
.play-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-facebook:before {
  content: "\f117";
}
.play-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-gplus:before {
  content: "\f118";
}
.play-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-linkedin:before {
  content: "\f119";
}
.play-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-twitter:before {
  content: "\f11a";
}
.play-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-tumblr:before {
  content: "\f11b";
}
.play-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-pinterest:before {
  content: "\f11c";
}
.play-icon-audio-description,
.play-js .play-descriptions-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-audio-description:before,
.play-js .play-descriptions-button .play-icon-placeholder:before {
  content: "\f11d";
}
.play-icon-audio,
.play-js .play-audio-button .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-audio:before,
.play-js .play-audio-button .play-icon-placeholder:before {
  content: "\f11e";
}
.play-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-next-item:before {
  content: "\f11f";
}
.play-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-icon-previous-item:before {
  content: "\f120";
}
.play-js {
  width: inherit;
  height: inherit;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: normal;
  font-style: normal;
  font-family: "Notosans";
  word-break: initial;
}
.play-js:-moz-full-screen {
  position: absolute;
}
.play-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.play-js[tabindex="-1"] {
  outline: none;
}
.play-js *,
.play-js *:before,
.play-js *:after {
  box-sizing: inherit;
}
.play-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.play-js.play-fluid,
.play-js.play-16-9,
.play-js.play-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.play-js.play-16-9 {
  padding-top: 56.25%;
}
.play-js.play-4-3 {
  padding-top: 75%;
}
.play-js.play-fill {
  width: 100%;
  height: 100%;
}
.play-js .play-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.play-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.play-full-window .play-js.play-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.play-js.play-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.play-js.play-fullscreen.play-user-inactive {
  cursor: none;
}
.play-hidden {
  display: none !important;
}
.play-disabled {
  opacity: 0.5;
  cursor: default;
}
.play-js .play-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.play-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.play-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: "Notosans";
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.play-no-js a,
.play-no-js a:visited {
  color: #66a8cc;
}
.play-js .play-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  display: block;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0;
  background: transparent;
  height: 1.9em;
  top: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.6em;
  border-radius: 0.3em;
}
.play-js .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-play-HUJXOZBT.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "" !important;
  margin: auto;
  text-align: center;
  width: 1.67em;
  height: 1.67em;
}
.play-has-started.play-paused .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RDKFJQUC.svg");
  background-position: center;
}
.play-js .play-big-play-button .play-icon-placeholder {
  margin: auto;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.play-js .play-big-play-button:hover {
  background: transparent;
}
.play-big-play-centered .play-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.play-js:hover .play-big-play-button,
.play-js .play-big-play-button:focus {
  transition: all 0s;
}
.play-controls-disabled .play-big-play-button,
.play-has-started .play-big-play-button,
.play-using-native-controls .play-big-play-button,
.play-error .play-big-play-button {
  display: none;
}
.play-has-started.play-paused.play-show-big-play-button-on-pause .play-big-play-button {
  display: block;
}
.play-play-toggle .play-big-play-button {
  display: block;
}
.play-playing.play-has-started .play-big-play-button span {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.play-has-started .play-big-play-button {
  outline: none;
  cursor: default;
}
.play-paused.play-has-started .play-big-play-button {
  opacity: 0;
  -webkit-animation-name: fadeinout;
  animation-name: fadeinout;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.play-paused.play-has-started.play-ended .play-big-play-button {
  display: block;
  -webkit-animation: unset;
  animation: unset;
  opacity: 1;
  cursor: pointer;
}
.play-button > .play-icon-placeholder:before {
  font-size: 1.8em;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.play-paused.play-has-started.play-ended .play-big-play-button .play-icon-placeholder:before {
  background-image: url("./media/player-replay-PNI4RM2K.svg");
  background-position: center;
}
.play-icon-volume-high:before,
.play-js .play-mute-control .play-icon-placeholder:before,
.play-js .play-mute-control .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-JEV2ZKAI.svg");
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.play-icon-volume-mid:before,
.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before,
.play-js .play-mute-control.play-vol-2 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-2-LJJTZUGN.svg");
  background-position: center;
}
.play-icon-volume-low:before,
.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before,
.play-js .play-mute-control.play-vol-1 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-volume-1-BW3PGQGT.svg");
  background-position: center;
}
.play-icon-volume-mute:before,
.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before,
.play-js .play-mute-control.play-vol-0 .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-mute-TF6J7DZ4.svg");
  background-position: center;
}
.play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before {
  content: "";
  background-image: url("./media/player-settings-WXZVDSZB.svg");
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
}
.play-js .play-settings.play-control > div.play-control:before {
  content: "";
  border-top: 10px solid rgba(37, 37, 37, 0.85);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  right: 4em;
}
.play-js .play-settings.play-control > div.play-control.play-settings-clicked:before {
  display: none;
}
.play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: rgba(212, 212, 212, 0.5);
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  align-items: center;
}
.play-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.play-js button:focus {
  outline: none;
}
.play-control .play-button {
  width: 100%;
  height: 100%;
}
.play-js .play-control.play-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.play-js .play-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8),
      rgba(255, 255, 255, 0));
  overflow: hidden;
  z-index: 1;
}
.play-js .play-modal-dialog > * {
  box-sizing: border-box;
}
.play-modal-dialog .play-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.play-menu-button {
  cursor: pointer;
}
.play-menu-button.play-disabled {
  cursor: default;
}
.play-workinghover .play-menu-button.play-disabled:hover .play-menu {
  display: none;
}
.play-menu .play-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Notosans";
  overflow: auto;
}
.play-menu .play-menu-content > * {
  box-sizing: border-box;
}
.play-scrubbing .play-control.play-menu-button:hover .play-menu {
  display: none;
}
.play-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.play-menu li.play-menu-item:focus,
.play-menu li.play-menu-item:hover {
  background-color: #9d9080;
  background-color: rgba(212, 212, 212, 0.5);
}
.play-menu li.play-selected,
.play-menu li.play-selected:focus,
.play-menu li.play-selected:hover {
  background-color: #fff;
  color: #423b33;
}
.play-menu li.play-menu-title {
  text-align: center;
  text-transform: capitalize;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.play-menu-button-popup .play-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(66, 59, 51, 0.4);
}
.play-menu-button-popup .play-menu .play-menu-content {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.4);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 19em;
}
.play-workinghover .play-menu-button-popup:hover .play-menu,
.play-menu-button-popup .play-menu.play-lock-showing {
  display: block;
}
.play-quality-selector .play-menu-content {
  max-height: none;
}
.play-js .play-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.play-js .play-menu-button-inline:before {
  width: 2.222222222em;
}
.play-js .play-menu-button-inline:hover,
.play-js .play-menu-button-inline:focus,
.play-js .play-menu-button-inline.play-slider-active,
.play-js.play-no-flex .play-menu-button-inline {
  width: 12em;
}
.play-menu-button-inline .play-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.play-menu-button-inline:hover .play-menu,
.play-menu-button-inline:focus .play-menu,
.play-menu-button-inline.play-slider-active .play-menu {
  display: block;
  opacity: 1;
}
.play-no-flex .play-menu-button-inline .play-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.play-no-flex .play-menu-button-inline:hover .play-menu,
.play-no-flex .play-menu-button-inline:focus .play-menu,
.play-no-flex .play-menu-button-inline.play-slider-active .play-menu {
  width: auto;
}
.play-menu-button-inline .play-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.play-js .play-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8.4em;
  border-radius: 0;
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5) 50%,
      transparent);
  background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, transparent);
  margin: 0px;
  padding: 0;
}
.play-has-started .play-control-bar {
  display: flex;
  justify-content: space-between;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.volumn-time-control-group,
.settings-group {
  display: flex;
}
.play-has-started.play-user-inactive.play-playing .play-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.play-controls-disabled .play-control-bar,
.play-using-native-controls .play-control-bar,
.play-error .play-control-bar {
  display: none !important;
}
.play-audio.play-has-started.play-user-inactive.play-playing .play-control-bar {
  opacity: 1;
  visibility: visible;
}
.play-has-started.play-no-flex .play-control-bar {
  display: table;
}
.play-js .play-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 1.8em;
  flex: none;
}
.play-js .play-current-time,
.play-js .play-play-control,
.play-js .play-settings,
.play-js .play-fullscreen-control {
  margin-left: 2em;
}
.play-js .play-settings,
.play-js .play-fullscreen-control,
.play-js .play-volume-panel {
  margin-right: 3em;
  margin-left: 0;
}
.play-button > .play-icon-placeholder:before {
  font-size: 2em;
  line-height: 1.67;
}
.play-js .play-control:focus:before,
.play-js .play-control:hover:before,
.play-js .play-control:focus {
  text-shadow: 0em 0em 1em #000;
  outline: none;
}
.play-js .play-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.play-no-flex .play-control {
  display: table-cell;
  vertical-align: middle;
}
.play-js .play-custom-control-spacer {
  display: none;
}
.play-js .play-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
  padding: 5px 0 8px;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 1.4em;
  height: auto;
  width: 100%;
}
.play-js .play-progress-control.disabled {
  cursor: default;
}
.play-live .play-progress-control {
  display: none;
}
.play-no-flex .play-progress-control {
  width: auto;
}
.play-js .play-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.4em;
}
.play-js .play-progress-control .play-progress-holder {
  margin: 0 2em;
}
.play-js .play-progress-control:hover .play-progress-holder.disabled {
  font-size: 1em;
}
.play-js .play-progress-holder .play-play-progress,
.play-js .play-progress-holder .play-load-progress,
.play-js .play-progress-holder .play-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  outline: none;
}
.play-js .play-play-progress {
  background-color: #f0f0f0;
  border-radius: 0;
}
.play-js .play-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
  content: "";
}
.play-js .play-load-progress {
  background: rgba(239, 239, 239, 0.6);
}
.play-js .play-load-progress div {
  background: rgba(84, 89, 91, 0.1);
}
.play-js .play-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: "Notosans";
  font-size: 1em;
  padding: 8px 8px 4px 8px;
  pointer-events: none;
  position: relative;
  top: -3.3em;
  visibility: hidden;
  z-index: 1;
  outline: none;
}
.play-mouse-display > .play-time-tooltip {
  background-color: #ccc !important;
  border: 1px solid #455a65 !important;
  border-bottom: 20px solid #455a65 !important;
  display: flex;
  align-items: flex-end;
  height: 100px !important;
  top: -110px !important;
}
.play-mouse-display > .play-time-tooltip:before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #455a65;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.toolSpan {
  display: inline-block;
  background-color: #455a65;
  margin-top: -19px;
  position: absolute;
  padding: 4px 5px;
  border-radius: 3px;
  top: -10px;
  left: -20px;
}
.toolSpan:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #455a65;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.play-mouse-display > .play-time-tooltip > .play-time-tooltip-span {
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
.play-js .play-progress-holder:focus .play-time-tooltip {
  display: none;
}
.play-js .play-progress-control:hover .play-time-tooltip,
.play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip {
  display: block;
  font-size: 0.8em;
  visibility: visible;
}
.play-js .play-progress-control.disabled:hover .play-time-tooltip {
  font-size: 1em;
}
.play-js .play-progress-control .play-mouse-display {
  display: none;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55);
  z-index: 1;
  outline: 0;
}
.play-no-flex .play-progress-control .play-mouse-display {
  z-index: 0;
}
.play-js .play-progress-control:hover .play-mouse-display {
  display: block;
}
.play-js.play-user-inactive .play-progress-control .play-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.play-js.play-user-inactive.play-no-flex .play-progress-control .play-mouse-display {
  display: none;
}
.play-mouse-display .play-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-watermark-top-right {
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  padding: 10px;
}
.player_ima-ad-container .ima-controls-div .ima-fullscreen-div,
.player_ima-ad-container .ima-controls-div .ima-play-pause-div,
.player_ima-ad-container .ima-controls-div .ima-mute-div {
  display: block !important;
  height: 4.335em;
  font-size: inherit;
  bottom: 0;
  top: auto;
}
.player_ima-ad-container .ima-controls-div .ima-play-pause-div {
  margin-left: 1.9em;
}
.player_ima-ad-container .ima-controls-div .ima-fullscreen-div {
  margin-right: 2.6em;
}
.player_ima-ad-container .ima-controls-div .ima-mute-div {
  margin-right: 5.5em;
}
.player_ima-ad-container .ima-controls-div .ima-fullscreen-div:before,
.player_ima-ad-container .ima-controls-div .ima-play-pause-div:before,
.player_ima-ad-container .ima-controls-div .ima-mute-div:before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 2em;
}
.player_ima-ad-container .ima-controls-div .ima-fullscreen-div:before {
  width: 0.8em;
  height: 0.8em;
}
.player_ima-ad-container .ima-controls-div .ima-non-fullscreen:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-zoom-in.svg);
}
.player_ima-ad-container .ima-controls-div .ima-fullscreen:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-zoom-out.svg);
}
.player_ima-ad-container .ima-controls-div .ima-play-pause-div:before {
  width: 0.7em;
  height: 0.7em;
}
.player_ima-ad-container .ima-controls-div .ima-paused:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-play.svg);
}
.player_ima-ad-container .ima-controls-div .ima-playing:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-pause.svg);
}
.player_ima-ad-container .ima-controls-div .ima-mute-div:before {
  width: 0.8em;
  height: 0.8em;
}
.player_ima-ad-container .ima-controls-div .ima-non-muted:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-volume.svg);
}
.player_ima-ad-container .ima-controls-div .ima-muted:before {
  background-image: url(http://qa71.contus.us/products/p107-apptha-contusplayer/player/images/player-mute.svg);
}
.player_ima-ad-container .ima-controls-div .ima-slider-div {
  display: none !important;
}
.player_ima-ad-container .ima-controls-div .ima-mute-div {
  right: 2em;
}
.player_ima-ad-container .ima-controls-div {
  box-sizing: border-box;
  padding: 5px 2em;
  height: 6.4em !important;
}
.player_ima-ad-container .ima-seek-bar-div {
  position: static;
  height: 0.4em;
  margin-top: 0.15em;
}
.player_ima-ad-container .ima-seek-bar-div .ima-progress-div {
  height: 0.4em;
}
.player_ima-ad-container iframe {
  padding-bottom: 3em !important;
}
@media (min-width: 1500px) {
  .player_ima-ad-container .ima-controls-div {
    font-size: 1.5em;
  }
  .player_ima-ad-container .ima-controls-div .ima-fullscreen-div:before {
    width: 1em;
    height: 1em;
  }
  .player_ima-ad-container .ima-controls-div .ima-play-pause-div:before {
    width: 1em;
    height: 1em;
  }
  .player_ima-ad-container .ima-controls-div .ima-mute-div:before {
    width: 1em;
    height: 1em;
  }
  .player_ima-ad-container iframe {
    padding-bottom: 5em !important;
  }
}
.play-js .play-ads-label .play-play-progress {
  background-color: #ecc546 !important;
}
.adsLine {
  background: red !important;
  height: 4px !important;
  width: 10px !important;
  position: absolute !important;
}
.play-ads-label .adsLine {
  width: 0px !important;
}
.adBlock {
  width: 600px;
  height: 60px;
  background-color: #00000036;
  position: absolute;
  top: 0px;
  left: 300px;
  border-radius: 10px;
  z-index: 46464646646464;
}
.play-js.play-hls-quality-selector {
  display: block;
}
.play-js .play-seek-button {
  font-family: "Material Icons";
  cursor: pointer;
}
.play-js .play-seek-button.skip-back::before {
  content: "\e042";
}
.play-js .play-seek-button.skip-back.skip-10::before {
  content: "\e059";
}
.play-js .play-seek-button.skip-back.skip-5::before {
  content: "\e05b";
}
.play-js .play-seek-button.skip-back.skip-30::before {
  content: "\e05a";
}
.play-js .play-seek-button.skip-forward::before {
  content: "\e5d5";
}
.play-js .play-seek-button.skip-forward.skip-10::before {
  content: "\e056";
}
.play-js .play-seek-button.skip-forward.skip-5::before {
  content: "\e058";
}
.play-js .play-seek-button.skip-forward.skip-30::before {
  content: "\e057";
}
.play-js.play-v6 .play-seek-button.skip-back::before,
.play-js.play-v6 .play-seek-button.skip-back.skip-10::before,
.play-js.play-v6 .play-seek-button.skip-back.skip-5::before,
.play-js.play-v6 .play-seek-button.skip-back.skip-30::before,
.play-js.play-v6 .play-seek-button.skip-forward::before,
.play-js.play-v6 .play-seek-button.skip-forward.skip-10::before,
.play-js.play-v6 .play-seek-button.skip-forward.skip-5::before,
.play-js.play-v6 .play-seek-button.skip-forward.skip-30::before,
.play-js.play-v7 .play-seek-button.skip-back::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-10::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-5::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-30::before,
.play-js.play-v7 .play-seek-button.skip-forward::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-10::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-5::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-30::before {
  content: none;
}
.play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before {
  content: "\e042";
}
.play-js.play-v6 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-10 .play-icon-placeholder::before {
  content: "\e059";
}
.play-js.play-v6 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-5 .play-icon-placeholder::before {
  content: "\e05b";
}
.play-js.play-v6 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-back.skip-30 .play-icon-placeholder::before {
  content: "\e05a";
}
.play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
  content: "\e5d5";
}
.play-js.play-v6 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-10 .play-icon-placeholder::before {
  content: "\e056";
}
.play-js.play-v6 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-5 .play-icon-placeholder::before {
  content: "\e058";
}
.play-js.play-v6 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-forward.skip-30 .play-icon-placeholder::before {
  content: "\e057";
}
.play-js .play-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(61, 65, 66, 0.8);
  border-radius: 0;
}
.play-js .play-progress-holder .play-load-progress,
.play-js .play-progress-holder .play-load-progress div,
.play-js .play-progress-holder .play-play-progress {
  border-radius: 0;
}
.play-js .play-slider.disabled {
  cursor: default;
}
.play-js .play-slider:focus {
  text-shadow: 0em 0em 1em white;
  outline: none;
}
.play-auto-selected-quality {
  font-weight: bold;
  margin-left: 3px;
}
.play-js .play-settings.play-control > .play-menu-button-popup:hover .play-menu {
  display: none;
}
.play-js .play-settings.play-control > button.play-button {
  cursor: pointer;
}
.play-js .play-settings.play-control > button.play-button > .play-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.play-js .play-settings.play-control > button.play-button > .hd-box {
  background-color: red;
  top: 45%;
  position: absolute;
  right: -10px;
  border-radius: 1px;
  z-index: 1;
  font-size: 8px;
  font-weight: 700;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 2px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6);
}
.play-js .play-settings.play-control > div.play-control {
  position: absolute;
  bottom: calc(100% + 0.5em);
  right: calc(4em - 8em);
  height: auto;
  width: 18em;
  background-color: rgba(37, 37, 37, 0.85);
}
.play-js .play-settings.play-control > div.play-control > div.play-control {
  height: 3em;
  width: 100%;
}
.play-js .play-settings.play-control > div.play-control > div.play-control:hover {
  background-color: #9d9080;
  background-color: rgba(157, 144, 128, 0.5);
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
  display: flex;
  align-items: center;
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text {
  position: unset;
  text-align: left;
  font-size: 1em;
  padding: 0;
  font-weight: bold;
  height: auto;
  width: 7em;
  line-height: 1.1em;
  overflow: inherit;
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-icon-placeholder {
  display: none;
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  text-align: right;
  padding-right: 1em;
  flex: 1;
  position: static;
}
.play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value:after {
  content: ">";
  font-size: 1.1em;
  line-height: normal;
  font-weight: bold;
  margin-left: 0.4em;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked {
  width: 8em;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-control {
  height: unset;
  display: none;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked {
  display: block;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu-button.play-menu-button-popup {
  display: none;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing {
  display: block;
  margin-bottom: unset;
  position: unset;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
  background-color: rgba(37, 37, 37, 0.85);
  bottom: 0;
  right: 2.5em;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title {
  border-bottom: 1px solid #8a8a8a;
  padding: 1px;
  cursor: pointer;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-title:before {
  content: "<";
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 0.4em;
}
.play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content > li.play-menu-item {
  line-height: 1.5em;
}
.play-workinghover .play-settings.play-control .play-menu-button-popup:hover .play-menu {
  display: none;
}
.play-track-settings-controls > button {
  padding: 4px 15px;
  background: #00bcd4;
  color: #fff;
}
.play-track-settings-controls > button:hover {
  color: #fff;
}
.play-track-settings-colors fieldset,
.play-track-settings-font fieldset {
  margin-bottom: 10px !important;
  text-align: left;
  font-weight: bold;
}
.play-track-settings-colors select,
.play-track-settings-font select {
  border-radius: 3px;
  background: #f2f2f2;
  padding: 2px 4px;
}
.play-js .play-mute-control {
  cursor: pointer;
  flex: none;
  height: 2.5em;
  z-index: 2;
}
.play-js .play-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.play-js .play-volume-control.play-volume-horizontal {
  width: 5em;
}
.play-js .play-volume-panel .play-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.play-js .play-volume-panel {
  transition: width 1s;
}
.play-js .play-volume-panel:hover .play-volume-control,
.play-js .play-volume-panel:active .play-volume-control,
.play-js .play-volume-panel:focus .play-volume-control,
.play-js .play-volume-panel .play-volume-control:hover,
.play-js .play-volume-panel .play-volume-control:active,
.play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control,
.play-js .play-volume-panel .play-volume-control.play-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.play-js .play-volume-panel:hover .play-volume-control.play-volume-horizontal,
.play-js .play-volume-panel:active .play-volume-control.play-volume-horizontal,
.play-js .play-volume-panel:focus .play-volume-control.play-volume-horizontal,
.play-js .play-volume-panel .play-volume-control:hover.play-volume-horizontal,
.play-js .play-volume-panel .play-volume-control:active.play-volume-horizontal,
.play-js .play-volume-panel .play-mute-control:hover ~ .play-volume-control.play-volume-horizontal,
.play-js .play-volume-panel .play-volume-control.play-slider-active.play-volume-horizontal {
  width: 5em;
  height: 3em;
}
.play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical {
  display: none;
}
.play-js .play-volume-panel button.play-mute-control.play-control.play-button:hover + div.play-volume-control.play-control.play-volume-vertical {
  display: block;
}
.play-js .play-volume-panel div.play-volume-control.play-control.play-volume-vertical:hover {
  display: block;
}
.play-js .play-volume-panel.play-volume-panel-horizontal:hover,
.play-js .play-volume-panel.play-volume-panel-horizontal:active,
.play-js .play-volume-panel.play-volume-panel-horizontal.play-slider-active {
  width: 9em;
  transition: width 0.1s;
}
.play-js .play-volume-panel.play-volume-panel-horizontal.play-mute-toggle-only {
  width: 4em;
}
.play-js .play-volume-panel .play-volume-control.play-volume-vertical {
  height: 10em;
  width: 3em;
  left: -2.3em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.play-js .play-volume-panel .play-volume-control.play-volume-horizontal {
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s,
    left 1s 1s,
    top 1s 1s;
}
.play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.play-js.play-no-flex .play-volume-control.play-volume-vertical,
.play-js.play-no-flex .play-volume-panel .play-volume-control.play-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.play-js .play-volume-panel {
  display: flex;
  align-items: center;
}
.play-js .play-volume-bar {
  margin: 1.35em 0.45em;
}
.play-volume-bar.play-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.play-volume-bar.play-slider-vertical {
  width: 0.35em;
  height: 7.8em;
  margin: 1.35em auto;
}
.play-js .play-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.play-js .play-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.play-slider-vertical .play-volume-level {
  width: 0.31em;
}
.play-slider-vertical .play-volume-level:before {
  top: -0.5em;
  left: -0.33em;
}
.play-slider-horizontal .play-volume-level {
  height: 0.3em;
}
.play-slider-horizontal .play-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.play-volume-bar.play-slider-vertical .play-volume-level {
  height: 100%;
}
.play-volume-bar.play-slider-horizontal .play-volume-level {
  width: 100%;
}
.play-js .play-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 6.2em;
  z-index: 1;
  background-color: rgba(66, 59, 51, 0.76);
}
.play-js .play-volume-horizontal .play-menu {
  left: -2em;
}
.play-texttrack-settings {
  display: none;
}
.play-subs-caps-button .play-menu ul li:last-child {
  display: none;
}
.play-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.play-has-started .play-poster {
  display: none;
}
.play-audio.play-has-started .play-poster {
  display: block;
}
.play-using-native-controls .play-poster {
  display: none;
}
.play-js .play-live-control {
  display: flex;
  font-size: 1.2em;
  line-height: 3em;
  align-items: center;
  margin-left: 8px;
  padding-left: 15px;
}
.play-no-flex .play-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.play-js .play-live-control .play-live-display:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
.play-fluid.play-js .is_live .play-time-control {
  min-width: 4em;
  justify-content: flex-start;
}
.is_live .play-duration {
  display: none !important;
}
.play-js .play-time-control {
  flex: none;
  font-size: 1.2em;
  min-width: 1.2em;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play-time-divider {
  line-height: 3em;
}
.play-live .play-time-divider {
  display: none;
}
.play-js .play-play-control .play-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.play-js .play-play-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
}
.play-js .play-play-control.play-paused .play-icon-placeholder:before {
  background-image: url("./media/player-play-HUJXOZBT.svg");
  background-position: center;
}
.play-js .play-play-control.play-ended .play-icon-placeholder:before {
  background-image: url("./media/player-replay-PNI4RM2K.svg");
  background-position: center;
}
.play-js .play-play-control.play-playing .play-icon-placeholder:before {
  background-image: url("./media/player-pause-RDKFJQUC.svg");
  background-position: center;
}
.play-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: -12px;
  pointer-events: none;
}
.play-js.play-user-inactive.play-playing .play-text-track-display {
  bottom: 1em;
}
.play-js .play-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.play-subtitles {
  color: #fff;
}
.play-captions {
  color: #fc6;
}
.play-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.play-js.play-user-inactive.play-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.play-js .play-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.play-js .play-fullscreen-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/player-zoom-in-ILM4X7DW.svg");
  background-position: center;
}
.play-js .play-next-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/next-track-button-43AMHUWC.svg");
  background-position: center;
}
.play-js .play-share-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.play-js .play-playlist-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.play-js .play-favourite-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.play-js .play-previous-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/previous-track-button-ZBA2QJZY.svg");
  background-position: center;
}
.play-js .play-shuffle-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/shuffle-button-LSXJ5KVX.svg");
  background-position: center;
}
.play-js .play-repeat-control .play-icon-placeholder:before {
  content: "" !important;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  background-size: contain;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("./media/loop-button-2PB6TLEZ.svg");
  background-position: center;
}
.play-js.play-fullscreen .play-fullscreen-control .play-icon-placeholder:before {
  background-image: url("./media/player-zoom-out-ZJH6ZPI2.svg");
  background-position: center;
  width: 0.92em;
  height: 0.92em;
}
.play-playback-rate .play-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.play-playback-rate .play-playback-rate-value {
  pointer-events: none;
  font-size: 1.3em;
  line-height: 2.5;
  text-align: center;
}
.play-playback-rate .play-menu {
  width: 4em;
  left: 0em;
}
.play-error .play-error-display .play-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.play-error .play-error-display:before {
  color: #fff;
  content: "X";
  font-family: "Notosans";
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
  display: none;
}
.play-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(66, 59, 51, 0.4);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.play-seeking .play-loading-spinner,
.play-waiting .play-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards play-spinner-show;
  animation: 0s linear 0.3s forwards play-spinner-show;
}
.play-loading-spinner:before,
.play-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.play-seeking .play-loading-spinner:before,
.play-seeking .play-loading-spinner:after,
.play-waiting .play-loading-spinner:before,
.play-waiting .play-loading-spinner:after {
  -webkit-animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
  animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
}
.play-seeking .play-loading-spinner:before,
.play-waiting .play-loading-spinner:before {
  border-top-color: white;
}
.play-seeking .play-loading-spinner:after,
.play-waiting .play-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes play-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes play-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
@-webkit-keyframes play-spinner-fade {
  0% {
    border-top-color: #9d9080;
  }
  20% {
    border-top-color: #9d9080;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #9d9080;
  }
  100% {
    border-top-color: #9d9080;
  }
}
.play-chapters-button .play-menu ul {
  width: 24em;
}
.play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.play-js .play-subs-caps-button + .play-menu .play-captions-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.play-text-track-display div div div {
  background-color: #000 !important;
  opacity: 0.6;
}
.play-menu-item-text > sup {
  margin-left: 0.1em;
  font-size: 0.8em;
}
.play-control-value > sup {
  font-size: 1em;
}
.play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.play-js .play-audio-button + .play-menu .play-main-desc-menu-item .play-menu-item-text .play-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}
.play-js.play-layout-tiny:not(.play-fullscreen) .play-custom-control-spacer {
  flex: auto;
}
.play-js.play-layout-tiny:not(.play-fullscreen).play-no-flex .play-custom-control-spacer {
  width: auto;
}
.play-js.play-layout-tiny:not(.play-fullscreen) .play-current-time,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-time-divider,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-duration,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-remaining-time,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-playback-rate,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-progress-control,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-mute-control,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-volume-control,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-chapters-button,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-descriptions-button,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-captions-button,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-subtitles-button,
.play-js.play-layout-tiny:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.play-js.play-layout-x-small:not(.play-fullscreen) .play-current-time,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-time-divider,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-duration,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-remaining-time,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-playback-rate,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-mute-control,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-volume-control,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-chapters-button,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-descriptions-button,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-captions-button,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-subtitles-button,
.play-js.play-layout-x-small:not(.play-fullscreen) .play-audio-button {
  display: none;
}
.play-js.play-layout-small:not(.play-fullscreen) .play-current-time,
.play-js.play-layout-small:not(.play-fullscreen) .play-time-divider,
.play-js.play-layout-small:not(.play-fullscreen) .play-duration,
.play-js.play-layout-small:not(.play-fullscreen) .play-remaining-time,
.play-js.play-layout-small:not(.play-fullscreen) .play-playback-rate,
.play-js.play-layout-small:not(.play-fullscreen) .play-mute-control,
.play-js.play-layout-small:not(.play-fullscreen) .play-volume-control,
.play-js.play-layout-small:not(.play-fullscreen) .play-chapters-button,
.play-js.play-layout-small:not(.play-fullscreen) .play-descriptions-button,
.play-js.play-layout-small:not(.play-fullscreen) .play-captions-button,
.play-js.play-layout-small:not(.play-fullscreen) .play-subtitles-button .play-audio-button {
  display: none;
}
.play-modal-dialog.play-text-track-settings {
  background-color: #423b33;
  background-color: rgba(66, 59, 51, 0.75);
  color: #fff;
  height: 70%;
}
.play-text-track-settings .play-modal-dialog-content {
  display: table;
}
.play-text-track-settings .play-track-settings-colors,
.play-text-track-settings .play-track-settings-font,
.play-text-track-settings .play-track-settings-controls {
  display: table-cell;
}
.play-text-track-settings .play-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .play-text-track-settings .play-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .play-text-track-settings .play-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .play-text-track-settings .play-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .play-text-track-settings .play-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.play-track-setting > select {
  margin-right: 5px;
}
.play-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.play-text-track-settings fieldset span {
  display: inline-block;
}
.play-text-track-settings legend {
  color: #fff;
  margin: 0 0 0 0;
}
.play-text-track-settings .play-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.play-track-settings-controls button:focus,
.play-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image:
    linear-gradient(
      0deg,
      #fff 88%,
      #9d9080 100%);
}
.play-track-settings-controls button {
  cursor: pointer;
  border-radius: 2px;
}
.play-track-settings-controls .play-default-button {
  margin-right: 1em;
}
@media print {
  .play-js > *:not(.play-tech):not(.play-poster) {
    visibility: hidden;
  }
}
.play-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
play-js .play-control-bar {
  width: 80%;
  margin: 0px 10% 3em;
}
.play-js .play-progress-holder .play-play-progress .scrubber-head {
  content: "";
  background: #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.play-fullscreen-control.play-control.play-button {
  margin-left: 0;
}
.play-js .play-progress-control:hover .play-play-progress.play-slider-bar .scrubber-head {
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
}
.play-icon-placeholder:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.play-icon-placeholder:hover:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.play-seek-button.skip-back.skip-10 {
  position: absolute;
  top: 50%;
  left: 30%;
  background: transparent;
  -webkit-transform: translate(-30%, -50%);
  transform: translate(-30%, -50%);
  display: none;
}
.play-seek-button.skip-forward.skip-10 {
  position: absolute;
  top: 50%;
  right: 30%;
  background: transparent;
  -webkit-transform: translate(30%, -50%);
  transform: translate(30%, -50%);
  display: none;
}
.play-js.play-v6 .play-seek-button.skip-back .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-back .play-icon-placeholder::before,
.play-js.play-v6 .play-seek-button.skip-forward .play-icon-placeholder::before,
.play-js.play-v7 .play-seek-button.skip-forward .play-icon-placeholder::before {
  font-size: 3em;
}
@media screen and (min-width: 1500px) {
  .play-js .play-control-bar {
    font-size: 1.5em;
  }
  .play-play-progress.play-slider-bar .scrubber-head {
    width: 2em;
    height: 2em;
  }
  .play-js .play-progress-control:hover .play-progress-holder:focus .play-time-tooltip,
  .play-js .play-progress-control:hover .play-time-tooltip {
    font-size: 1em;
  }
  .play-js .play-play-control .play-icon-placeholder:before,
  .play-js .play-settings.play-control > button.play-button > .play-icon-placeholder:before,
  .play-icon-volume-high:before,
  .play-js .play-mute-control .play-icon-placeholder:before,
  .play-js .play-mute-control .play-icon-placeholder:before,
  .play-js .play-fullscreen-control .play-icon-placeholder:before {
    width: 1em;
    height: 1em;
  }
  .play-js .play-settings.play-control > div.play-control {
    width: 22em;
    bottom: calc(100% + 1.5em);
  }
  .play-js .play-settings.play-control > div.play-control > div.play-control {
    height: 4em;
  }
  .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button .play-control-text,
  .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button > .play-control-value {
    font-size: 1.2em;
    height: auto;
  }
  .play-js .play-settings.play-control > div.play-control > div.play-control > button.play-button {
    padding: 10px;
  }
  .play-js .play-settings.play-control > .play-control.play-settings-clicked > div.play-menu-button.play-menu-button-popup.play-settings-clicked > .play-menu.play-lock-showing > ul.play-menu-content {
    bottom: calc(100% - 0.5em);
  }
  .play-menu li {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .play-js .play-control-bar {
    width: 98%;
    margin: 0px auto 3em;
  }
}
.video-player-element {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
}
.play-midroll-marker {
  width: 5px;
  height: 100%;
  background-color: yellow;
  position: absolute;
}
.play-ad-playing .play-midroll-marker {
  display: none;
}
.play-ad-playing .play-vpaid-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.play-skip-button {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  padding: 10px;
  background: black;
  right: 0;
  font-size: 16px;
  top: 75%;
}
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
  opacity: 0;
  pointer-events: none;
  width: 5px;
}
@font-face {
  font-family: "VideoJS-Panorama";
  src: url(data:application/font-woff;base64,d09GRgABAAAAAAU8AAsAAAAABPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAASwAAAEsI6gHfmhlYWQAAALwAAAANgAAADYKxyD1aGhlYQAAAygAAAAkAAAAJAexA8dobXR4AAADTAAAABgAAAAYDgAAUWxvY2EAAANkAAAADgAAAA4AvgCMbWF4cAAAA3QAAAAgAAAAIAAKAD9uYW1lAAADlAAAAYYAAAGGmUoJ+3Bvc3QAAAUcAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwARAHID7wL8ACIALwA8AAABJiQMAQcOARQWFx4DMzcwNjMyFjEXMj4CNz4CJicxASImNTQ2MzIWFRQGIyEiJjU0NjMyFhUUBiMD7wv+zv6X/tAICAkJCAM6XntFKi47PzkjRHpcOAMHCgEICv0FPVZWPT1WVzwCEj1WVj09VlY9AvwKCQEKCAnD5sMIAwUDAnFrgloCBAQDB8LmxAr+Q1Y9PVZWPT1WVj09VlY9PVYAAAAAAQBA/8AC+gPAAA0AAAU+AS4BBxUJARU2HgECAvorJjirqP6AAYDJ40ZPQE22mmUE/gGAAYD4BZzs/u0AAQAAAAAAADT5+xNfDzz1AAsEAAAAAADT3O48AAAAANPc7jwAAP/AA+8DwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD7wABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAARBAAAQAAAAAAACgAUAB4AeACWAAAAAQAAAAYAPQADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"), url(data:;base64,AAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZiOoB34AAAF4AAABLGhlYWQKxyD1AAACpAAAADZoaGVhB7EDxwAAAtwAAAAkaG10eA4AAFEAAAMAAAAAGGxvY2EAvgCMAAADGAAAAA5tYXhwAAoAPwAAAygAAAAgbmFtZZlKCfsAAANIAAABhnBvc3QAAwAAAAAE0AAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADABEAcgPvAvwAIgAvADwAAAEmJAwBBw4BFBYXHgMzNzA2MzIWMRcyPgI3PgImJzEBIiY1NDYzMhYVFAYjISImNTQ2MzIWFRQGIwPvC/7O/pf+0AgICQkIAzpee0UqLjs/OSNEelw4AwcKAQgK/QU9VlY9PVZXPAISPVZWPT1WVj0C/AoJAQoICcPmwwgDBQMCcWuCWgIEBAMHwubECv5DVj09VlY9PVZWPT1WVj09VgAAAAABAED/wAL6A8AADQAABT4BLgEHFQkBFTYeAQIC+ismOKuo/oABgMnjRk9ATbaaZQT+AYABgPgFnOz+7QABAAAAAAAANPn7E18PPPUACwQAAAAAANPc7jwAAAAA09zuPAAA/8AD7wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPvAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAABEEAABAAAAAAAAKABQAHgB4AJYAAAABAAAABgA9AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.play-full-window .play-js {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000000;
}
.play-js .play-control-bar {
  z-index: 5;
}
.play-js .play-control-bar .play-VR-control {
  cursor: pointer;
}
.play-js .play-control-bar .play-VR-control::before {
  font-family: "VideoJS-Panorama";
  content: "\e900";
}
.play-js .play-control-bar .play-VR-control.enable::before {
  content: "\e901";
}
.play-js.play-using-native-controls .play-poster,
.play-js.play-using-native-controls .play-big-play-button {
  display: block;
}
.play-js {
  display: block;
}
.play-js .play-video-canvas {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background: #000;
  cursor: pointer;
}
.play-js .play-video-notice-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.3em;
  font-size: 1vw;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 0.5em;
  transition: opacity 0.3s linear;
  pointer-events: none;
}
.play-js .play-video-notice-label.play-video-notice-fadeOut {
  opacity: 0;
}
.play-js #webgl-error-message {
  position: relative;
  font-family: monospace;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  color: black;
  padding: 1.5em;
  width: 400px;
  margin: 5em auto 0px;
  background: white;
  transition: opacity 0.3s linear;
}
.play-js #webgl-error-message.play-video-notice-fadeOut {
  opacity: 0;
}
.play-js .play-loading-spinner {
  z-index: 10;
}
.play-js-mobile-inline-video.play-seeking .play-loading-spinner {
  display: none;
}
.play-js-mobile-inline-video.play-waiting .play-loading-spinner {
  display: block !important;
}
.play-js-mobile-inline-video-buffering .play-loading-spinner {
  display: block !important;
}
.play-js-mobile-inline-video-buffering .play-loading-spinner:before,
.play-js-mobile-inline-video-buffering .play-loading-spinner:after {
  -webkit-animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
  animation: play-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, play-spinner-fade 1.1s linear infinite;
}
.play-js-mobile-inline-video-buffering .play-loading-spinner:before,
.play-js-mobile-inline-video-buffering .play-loading-spinner:before {
  border-top-color: white;
}
.play-js-mobile-inline-video-buffering .play-loading-spinner:after,
.play-js-mobile-inline-video-buffering .play-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
.play-video-canvas {
  height: inherit !important;
  widows: inherit !important;
}

/* src/assets/scss/videojs-playlist-ui.css */
.vjs-playlist {
  padding: 0;
  background-color: #1a1a1a;
  color: #fff;
  list-style-type: none;
  width: 16%;
  position: relative;
  transition: all ease 0.5s;
}
.play-js {
  position: relative;
}
.close-playlist {
  position: absolute;
  height: 40px;
  width: 40px;
  right: 13.8%;
  top: 20px;
  background:
    linear-gradient(
      to right,
      #FB8541 0%,
      #f16c1f 100%);
  padding: 5px 10px;
  z-index: 9;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 4px 0px 0px 4px;
  transition: all ease 0.5s;
}
.close-playlist svg {
  fill: #fff;
}
.arrow-playlist {
  height: 20px;
  width: 20px;
}
.videoplaylist-icon {
  display: none;
}
.close-playlistvideo .videoplaylist-icon {
  display: block;
}
.close-playlistvideo .arrow-playlist {
  display: none;
}
.close-playlistvideo .vjs-playlist {
  right: -100%;
  width: 0px;
}
.close-playlistvideo .close-playlist {
  right: 0px;
}
.vjs-playlist img {
  display: block;
  height: auto;
  width: auto;
}
.vjs-playlist .vjs-playlist-item-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
}
.vjs-playlist .vjs-playlist-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.vjs-playlist .vjs-playlist-thumbnail-placeholder {
  background: #303030;
}
.vjs-playlist .vjs-playlist-now-playing-text {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 2px;
  margin: .8rem;
}
.vjs-playlist .vjs-playlist-duration {
  position: absolute;
  top: .5rem;
  left: .5rem;
  padding: 2px 5px 3px;
  margin-left: 2px;
  background-color: rgba(26, 26, 26, 0.8);
}
.vjs-playlist .vjs-playlist-title-container {
  box-sizing: border-box;
  width: 100%;
  padding: .5rem .8rem;
  text-shadow:
    1px 1px 2px black,
    -1px 1px 2px black,
    1px -1px 2px black,
    -1px -1px 2px black;
}
.vjs-playlist .vjs-playlist-name {
  display: block;
  max-height: 2.5em;
  padding: 0 0 4px 2px;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
}
.vjs-playlist .vjs-playlist-description {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vjs-playlist .vjs-up-next-text {
  display: none;
  padding: .1rem 2px;
  font-size: .8em;
  text-transform: uppercase;
}
.vjs-playlist .vjs-up-next .vjs-up-next-text {
  display: block;
}
.vjs-playlist .vjs-selected {
  background-color: #141a21;
}
.vjs-playlist .vjs-selected img {
  opacity: .2;
}
.vjs-playlist .vjs-selected .vjs-playlist-duration {
  display: none;
}
.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
  display: block;
}
.vjs-playlist .vjs-selected .vjs-playlist-title-container {
  text-shadow: none;
}
.vjs-playlist-vertical {
  overflow-x: hidden;
  overflow-y: auto;
}
.vjs-playlist-vertical img {
  width: 100%;
  min-height: 54px;
}
.vjs-playlist-vertical .vjs-playlist-item {
  margin-bottom: 5px;
  height: auto;
  width: 100%;
}
.vjs-playlist-vertical .vjs-playlist-thumbnail {
  display: block;
  width: 100%;
}
.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder {
  height: 100px;
}
.vjs-playlist-horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}
.vjs-playlist-horizontal img {
  min-width: 100px;
  height: 100%;
}
.vjs-playlist-horizontal .vjs-playlist-item-list {
  height: 100%;
  white-space: nowrap;
}
.vjs-playlist-horizontal .vjs-playlist-item {
  display: inline-block;
  height: 100%;
  margin-right: 5px;
}
.vjs-playlist-horizontal .vjs-playlist-thumbnail {
  display: block;
  height: 100%;
}
.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder {
  height: 100%;
  width: 180px;
}
.vjs-playlist.vjs-ad-playing {
  overflow: hidden;
}
.vjs-playlist.vjs-ad-playing.vjs-csspointerevents {
  pointer-events: none;
  overflow: auto;
}
.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay {
  pointer-events: auto;
}
.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  background-color: rgba(0, 0, 0, 0.5);
}
.vjs-playlist {
  font-size: 14px;
}
.vjs-playlist .vjs-playlist-description {
  height: 42px;
  line-height: 21px;
}
.vjs-mouse.vjs-playlist {
  font-size: 15px;
}
.vjs-mouse.vjs-playlist .vjs-playlist-description {
  height: 45px;
  line-height: 23px;
}
@media (min-width: 1500px) {
  .vjs-playlist-vertical .vjs-playlist-item {
    height: 230px;
  }
}
@media (max-width: 1199px) {
  .close-playlist {
    display: none;
  }
  .vjs-playlist {
    width: 100%;
  }
  .vjs-playlist .vjs-playlist-item-list {
    display: flex;
    flex-wrap: wrap;
  }
  .vjs-playlist-vertical .vjs-playlist-item {
    width: 25%;
    height: auto;
    padding: 0px 3px;
  }
}
@media (max-width: 800px) {
  body.body-video-page {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .vjs-playlist-vertical .vjs-playlist-item {
    width: 33.3%;
  }
}
@media (max-width: 640px) {
  .vjs-playlist-vertical .vjs-playlist-item {
    width: 50%;
  }
}
@media (min-width: 600px) {
  .vjs-mouse.vjs-playlist {
    font-size: 17px;
  }
  .vjs-mouse.vjs-playlist .vjs-playlist-description {
    height: 51px;
    line-height: 26px;
  }
  .vjs-playlist .vjs-playlist-name {
    line-height: 22px;
  }
}
@media (max-width: 520px) {
  .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
  .vjs-playlist .vjs-up-next .vjs-up-next-text {
    display: none;
  }
  .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
  .vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text {
    display: none;
  }
}
@media (min-width: 521px) {
  .vjs-playlist img {
    min-height: 85px;
  }
}
@media (max-width: 750px) {
  .vjs-playlist .vjs-playlist-duration {
    display: none;
  }
}
body.body-video-page {
  padding: 0 !important;
}

/* node_modules/plyr/dist/plyr.css */
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size,25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family,inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  line-height: 1.7;
  line-height: var(--plyr-line-height,1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background,#4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius,2px);
  color: #fff;
  color: var(--plyr-badge-text-color,#fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge,9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base,15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px)*2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large,18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
}
.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background,#000c);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color,#fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: #0000;
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius,4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
  position: relative;
  transition: all .3s ease;
}
.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size,18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size,18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px)/2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform .3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: #ffffffe6;
  background: var(--plyr-menu-background,#ffffffe6);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base,15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}
.plyr__menu__container:after {
  border: 4px solid #0000;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size,4px) solid #0000;
  border-top-color: var(--plyr-menu-background,#ffffffe6);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size,4px) solid #0000;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color,#728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color,#728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color,#dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: #0000001a;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
  transition: all .3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: #0000;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: #0000;
  background-image:
    linear-gradient(
      90deg,
      currentColor 0,
      #0000 0);
  background-image:
    linear-gradient(
      to right,
      currentColor var(--value,0),
      #0000 var(--value,0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  color: #0000;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: #0000;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background,#fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius,5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-tooltip-color,#4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height,13px);
  position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: #0000;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -moz-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image:
    linear-gradient(
      -45deg,
      #23282f99 25%,
      #0000 0,
      #0000 50%,
      #23282f99 0,
      #23282f99 75%,
      #0000 0,
      #0000);
  background-image:
    linear-gradient(
      -45deg,
      var(--plyr-progress-loading-background,#23282f99) 25%,
      #0000 25%,
      #0000 50%,
      var(--plyr-progress-loading-background,#23282f99) 50%,
      var(--plyr-progress-loading-background,#23282f99) 75%,
      #0000 75%,
      #0000);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background,#fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width,3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background,#fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color,#4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover,#fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background,var(--plyr-video-background,#000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio:16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover,#fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing,10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing,10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background,#fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}

/* node_modules/video.js/dist/video-js.css */
.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8),
      rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s,
    left 1s 1s,
    top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image:
    linear-gradient(
      0deg,
      #fff 88%,
      #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image:
    linear-gradient(
      -180deg,
      #fff 88%,
      #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* node_modules/videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css */
/**
 * videojs-hls-quality-selector
 * @version 1.1.4
 * @copyright 2020 Chris Boustead (chris@forgemotion.com)
 * @license MIT
 */
.video-js.vjs-hls-quality-selector {
  display: block;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */