/* 28581 of 161639 unused characters has been removed. */
@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Asap:400,500,700";@font-face {
  font-family: montserrat;
  src: url(../fonts/montserrat-light-webfont.woff2) format("woff2"),url(../fonts/montserrat-light-webfont.woff) format("woff");
  font-weight: 300;
  font-style: normal
}

ul,ol,dl {
  list-style-position: outside
}

ul ul {
  list-style-type: inherit
}

ul ul,ul ol,ol ol,ol ul {
  margin-left: 0.937rem;
  margin-bottom: 0
}

dl dt {
  font-weight: 700
}

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

p {
  font-size: inherit;
  margin-top: 0;
  margin-bottom: 1rem
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.Title a {
  color: #a3a3a3
}

h1,h2,h3,h4,h5,h6 {
  font-weight: inherit;
  margin-top: 0
}

h1 {
  font-size: 1.875rem
}

h2 {
  font-size: 1.5rem
}

h3 {
  font-size: 1.25rem
}

h4 {
  font-size: 1.125rem
}

h5 {
  font-size: 1.0625rem
}

h6 {
  font-size: 1rem
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

caption {
  margin-bottom: -1px
}

caption,td,th {
  border: 1px solid #ccc;
  padding: 0.937rem;
  text-align: left
}

thead th {
  background-color: #eee
}

*,:before,:after {
  box-sizing: inherit
}

html {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale
}

html,body,.Tp-Wp {
  height: 100%
}

body {
  font-size: 13px;
  line-height: 1.5;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 300
}

.Container {
  margin: 0 auto;
  padding: 0 1.25rem;
  width: 100%
}

.Column {
  margin-left: auto;
  margin-right: auto
}

[class*="Row"] .Column {
  margin-left: 0;
  margin-right: 0
}

.AF.Rows > * {
  float: left
}

.AX[class*="Row"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.AX.Rows > *,.AX.Row.AFluid > .AFixed {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  max-width: 100%
}

.AX.Row.AFluid > * {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.Column.A01,.Rows.A01 > * {
  width: 8.33333333%
}

.Column.A02,.Rows.A02 > * {
  width: 16.66666667%
}

.Column.A20,.Rows.A20 > * {
  width: 20%
}

.Column.A03,.Rows.A03 > * {
  width: 25%
}

.Column.A04,.Rows.A04 > * {
  width: 33.33333333%
}

.Column.A05,.Rows.A05 > * {
  width: 41.66666667%
}

.Column.A06,.Rows.A06 > * {
  width: 50%
}

.Column.A07,.Rows.A07 > * {
  width: 58.33333333%
}

.Column.A08,.Rows.A08 > * {
  width: 66.66666667%
}

.Column.A09,.Rows.A09 > * {
  width: 75%
}

.Column.A10,.Rows.A10 > * {
  width: 83.33333333%
}

.Column.A11,.Rows.A11 > * {
  width: 91.66666667%
}

.Column.A12,.Rows.A12 > * {
  width: 100%
}

@media screen and (max-width: 970px) {
  .ControlPlayer #btn-light,.ControlPlayer #btn-expand,#btn-re-expand {
      display:none!important
  }
}


@media screen and (min-width: 34em) {
  .BF.Rows >;
  * {
      float: left
  }

  .BX[class*="Row"] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
  }

  .BX.Rows > *,.BX.Row.BFluid > .BFixed {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      max-width: 100%
  }

  .BX.Row.BFluid > * {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .Column.B01,.Rows.B01 > * {
      width: 8.33333333%
  }

  .Column.B02,.Rows.B02 > * {
      width: 16.66666667%
  }

  .Column.B20,.Rows.B20 > * {
      width: 20%
  }

  .Column.B03,.Rows.B03 > * {
      width: 25%
  }

  .Column.B04,.Rows.B04 > * {
      width: 33.33333333%
  }

  .Column.B05,.Rows.B05 > * {
      width: 41.66666667%
  }

  .Column.B06,.Rows.B06 > * {
      width: 50%
  }

  .Column.B07,.Rows.B07 > * {
      width: 58.33333333%
  }

  .Column.B08,.Rows.B08 > * {
      width: 66.66666667%
  }

  .Column.B09,.Rows.B09 > * {
      width: 75%
  }

  .Column.B10,.Rows.B10 > * {
      width: 83.33333333%
  }

  .Column.B11,.Rows.B11 > * {
      width: 91.66666667%
  }

  .Column.B12,.Rows.B12 > * {
      width: 100%
  }
}

@media screen and (min-width: 48em) {
  .CF.Rows >;
  * {
      float: left
  }

  .CX[class*="Row"] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
  }

  .CX.Rows > *,.CX.Row.CFluid > .CFixed {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      max-width: 100%
  }

  .CX.Row.CFluid > * {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .Column.C01,.Rows.C01 > * {
      width: 8.33333333%
  }

  .Column.C02,.Rows.C02 > * {
      width: 16.66666667%
  }

  .Column.C20,.Rows.C20 > * {
      width: 20%
  }

  .Column.C03,.Rows.C03 > * {
      width: 25%
  }

  .Column.C04,.Rows.C04 > * {
      width: 33.33333333%
  }

  .Column.C05,.Rows.C05 > * {
      width: 41.66666667%
  }

  .Column.C06,.Rows.C06 > * {
      width: 50%
  }

  .Column.C07,.Rows.C07 > * {
      width: 58.33333333%
  }

  .Column.C08,.Rows.C08 > * {
      width: 66.66666667%
  }

  .Column.C09,.Rows.C09 > * {
      width: 75%
  }

  .Column.C10,.Rows.C10 > * {
      width: 83.33333333%
  }

  .Column.C11,.Rows.C11 > * {
      width: 91.66666667%
  }

  .Column.C12,.Rows.C12 > * {
      width: 100%
  }
}

@media screen and (min-width: 62em) {
  ::-webkit-scrollbar {
      width:6px;
      height: 4px
  }

  ::-webkit-scrollbar-button {
      width: 0;
      height: 0
  }

  ::-webkit-scrollbar-track {
      background-color: #444
  }

  ::-webkit-scrollbar-track-piece {
      background-color: #282828;
      -webkit-border-radius: 6px
  }

  ::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #2ecc71
  }

  ::-webkit-scrollbar-corner {
      background-color: #444
  }

  ::-webkit-scrollbar-thumb:vertical {
      -webkit-border-radius: 6px;
      background: url(../images/scoll.png) center no-repeat #666
  }

  .DX[class*="Row"] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
  }

  .DX.Rows > *,.DX.Row.DFluid > .DFixed {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      max-width: 100%
  }

  .DX.Row.DFluid > * {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .Column.D01,.Rows.D01 > * {
      width: 8.33333333%
  }

  .Column.D02,.Rows.D02 > * {
      width: 16.66666667%
  }

  .Column.D20,.Rows.D20 > * {
      width: 20%
  }

  .Column.D03,.Rows.D03 > * {
      width: 25%
  }

  .Column.D04,.Rows.D04 > * {
      width: 33.33333333%
  }

  .Column.D05,.Rows.D05 > * {
      width: 41.66666667%
  }

  .Column.D06,.Rows.D06 > * {
      width: 50%
  }

  .Column.D07,.Rows.D07 > * {
      width: 58.33333333%
  }

  .Column.D08,.Rows.D08 > * {
      width: 66.66666667%
  }

  .Column.D09,.Rows.D09 > * {
      width: 75%
  }

  .Column.D10,.Rows.D10 > * {
      width: 83.33333333%
  }

  .Column.D11,.Rows.D11 > * {
      width: 91.66666667%
  }

  .Column.D12,.Rows.D12 > * {
      width: 100%
  }
}

@media screen and (min-width: 70em) {
  .Container {
      max-width:1400px
  }

  .EF.Rows > * {
      float: left
  }

  .EX[class*="Row"] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
  }

  .EX.Rows > *,.EX.Row.EFluid > .EFixed {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      max-width: 100%
  }

  .EX.Row.EFluid > * {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .Column.E01,.Rows.E01 > * {
      width: 8.33333333%
  }

  .Column.E02,.Rows.E02 > * {
      width: 16.66666667%
  }

  .Column.E20,.Rows.E20 > * {
      width: 20%
  }

  .Column.E03,.Rows.E03 > * {
      width: 25%
  }

  .Column.E04,.Rows.E04 > * {
      width: 33.33333333%
  }

  .Column.E05,.Rows.E05 > * {
      width: 41.66666667%
  }

  .Column.E06,.Rows.E06 > * {
      width: 50%
  }

  .Column.E07,.Rows.E07 > * {
      width: 58.33333333%
  }

  .Column.E08,.Rows.E08 > * {
      width: 66.66666667%
  }

  .Column.E09,.Rows.E09 > * {
      width: 75%
  }

  .Column.E10,.Rows.E10 > * {
      width: 83.33333333%
  }

  .Column.E11,.Rows.E11 > * {
      width: 91.66666667%
  }

  .Column.E12,.Rows.E12 > * {
      width: 100%
  }
}

.AXCenter {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle!important
}

@media screen and (min-width: 34em) {
  .BXCenter >;
  * {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      vertical-align: middle!important
  }
}

@media screen and (min-width: 48em) {
  .CXCenter >;
  * {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      vertical-align: middle!important
  }
}

@media screen and (min-width: 62em) {
  .DXCenter >;
  * {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      vertical-align: middle!important
  }
}

@media screen and (min-width: 70em) {
  .EXCenter >;
  * {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      vertical-align: middle!important
  }
}

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .AX.Rows > * {
  float: left
}

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .AX.Row {
  display: table;
  table-layout: fixed;
  width: 100%
}

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .AX.Row.Wa {
  table-layout: auto
}

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .AX.Row > * {
  display: table-cell;
  vertical-align: top
}

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .AX.Row.AFluid > *:not([class*="AFixed"]) {
  width: 100%
}

.no-flexbox.flexboxlegacy.no-flexboxtweener .AX.Row {
  display: -webkit-box;
  display: -moz-box
}

.no-flexbox.flexboxlegacy.no-flexboxtweener .AX.Row.AFluid > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1
}

.no-flexbox.flexboxlegacy.no-flexboxtweener .AX.Row.AFluid > .AFixed {
  -webkit-box-flex: 0;
  -moz-box-flex: 0
}

.no-flexbox.flexboxlegacy.no-flexboxtweener .AX.Rows > * {
  float: left
}

@media screen and (min-width: 34em) {
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .BX.Rows >;
  * {
      float: left
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .BX.Row {
      display: table;
      table-layout: fixed;
      width: 100%
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .BX.Row.Wa {
      table-layout: auto
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .BX.Row > * {
      display: table-cell;
      vertical-align: top
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .BX.Row.BFluid > *:not([class*="BFixed"]) {
      width: 100%
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .BX.Row {
      display: -webkit-box;
      display: -moz-box
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .BX.Row.BFluid > .BFixed {
      -webkit-box-flex: 0;
      -moz-box-flex: 0
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .BX.Row.BFluid > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .BX.Rows > * {
      float: left
  }
}

@media screen and (min-width: 48em) {
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .CX.Rows >;
  * {
      float: left
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .CX.Row {
      display: table;
      table-layout: fixed;
      width: 100%
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .CX.Row.Wa {
      table-layout: auto
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .CX.Row > * {
      display: table-cell;
      vertical-align: top
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .CX.Row.CFluid > *:not([class*="CFixed"]) {
      width: 100%
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .CX.Row {
      display: -webkit-box;
      display: -moz-box
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .CX.Row.CFluid > .CFixed {
      -webkit-box-flex: 0;
      -moz-box-flex: 0
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .CX.Row.CFluid > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .CX.Rows > * {
      float: left
  }
}

@media screen and (min-width: 62em) {
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .DX.Rows >;
  * {
      float: left
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .DX.Row {
      display: table;
      table-layout: fixed;
      width: 100%
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .DX.Row.Wa {
      table-layout: auto
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .DX.Row > * {
      display: table-cell;
      vertical-align: top
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .DX.Row.DFluid > *:not([class*="DFixed"]) {
      width: 100%
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .DX.Row {
      display: -webkit-box;
      display: -moz-box
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .DX.Row.DFluid > .DFixed {
      -webkit-box-flex: 0;
      -moz-box-flex: 0
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .DX.Row.DFluid > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .DX.Rows > * {
      float: left
  }
}

@media screen and (min-width: 70em) {
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .EX.Rows >;
  * {
      float: left
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .EX.Row {
      display: table;
      table-layout: fixed;
      width: 100%
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .EX.Row.Wa {
      table-layout: auto
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .EX.Row > * {
      display: table-cell;
      vertical-align: top
  }

  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .EX.Row.EFluid > *:not([class*="EFixed"]) {
      width: 100%
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .EX.Row {
      display: -webkit-box;
      display: -moz-box
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .EX.Row.EFluid > .EFixed {
      -webkit-box-flex: 0;
      -moz-box-flex: 0
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .EX.Row.EFluid > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1
  }

  .no-flexbox.flexboxlegacy.no-flexboxtweener .EX.Rows > * {
      float: left
  }
}

ul,ol,dl,dl dt,dl dd,h1,h2,h3,h4,h5,h6,p,blockquote,table,input,textarea,button,select,[class*="Form-"] {
  margin-bottom: 1rem
}

hr {
  margin: 1rem 0
}

[class*="Row"] {
  margin-left: -0.625rem;
  margin-right: -0.625rem
}

[class*="Row"] > * {
  padding-left: 0.425rem;
  padding-right: 0.425rem;
  min-width: 0
}

.RowCn > .Row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0
}

[class*="Form-"] input,[class*="Form-"] button,[class*="Form-"] textarea,[class*="Form-"] select,[class*="Form-"] .Form-Select {
  margin-bottom: 0
}

[class*="Form-"] [class*="Form-"] {
  margin-bottom: 0
}

form {
  margin-bottom: 0
}

button,input,select,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  font: inherit;
  width: 100%;
  vertical-align: middle;
  line-height: normal
}

fieldset {
  border: 1px solid silver;
  padding: 0.937rem
}

legend {
  border: 0
}

label {
  display: inline-block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  line-height: normal;
  margin-bottom: 0
}

label[for] {
  cursor: pointer
}

[class*="Form-"] label {
  display: block
}

input,textarea,select,.Form-Select label {
  color: inherit;
  border-radius: 20px;
  border: 0
}

input,textarea,select,.Form-Select label {
  display: block;
  padding: 0.5rem 1rem;
  width: 100%
}

input,select {
  height: 2.5rem;
  line-height: normal
}

textarea {
  overflow: auto;
  max-width: 100%;
  height: auto;
  resize: vertical;
  padding: 1rem;
  max-height: 300px
}

.Form-Icon {
  position: relative;
  display: block;
  padding: 0
}

.Form-Icon.Right input,.Form-Icon.Right textarea {
  padding-left: 0.937rem;
  padding-right: 2.5rem
}

.Form-Icon.Right input + i,.Form-Icon.Right textarea + i {
  left: auto;
  right: 0
}

.Form-Icon input,.Form-Icon textarea {
  padding-left: 2.5rem;
  font-weight: 300
}

.Form-Icon input + i,.Form-Icon textarea + i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: inherit
}

.Form-Icon input + i,.Form-Icon textarea + i,.Form-Icon input + i:before,.Form-Icon textarea + i:before {
  width: 2.5rem;
  height: 2.5rem
}

.Form-Icon input + i,.Form-Icon textarea + i {
  display: table
}

.Form-Icon input + i:before,.Form-Icon textarea + i:before {
  display: table-cell;
  vertical-align: middle
}

.Form-Select {
  position: relative
}

.Form-Select label {
  display: block;
  padding: 2.37em 0 0;
  position: relative;
  font-weight: 300
}

.Form-Select label:before {
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  margin-right: 0
}

.Form-Select select:disabled {
  z-index: 1
}

.Form-Select select {
  padding: 0.3125rem 0.937rem;
  position: absolute;
  margin-bottom: 0;
  z-index: 1;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  background: #222
}

.ie .Form-Select select {
  width: 120%
}

.Form-Select select::-ms-expand {
  display: none
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  transition: none
}

optgroup {
  font-weight: 700
}

.Form-Checkbox input,.Form-Radio input {
  position: absolute;
  visibility: hidden
}

.Form-Checkbox label,.Form-Radio label {
  line-height: inherit
}

.Form-Checkbox i:before,.Form-Radio i:before {
  content: "";
  font-size: 1.5rem;
  width: 25px;
  text-align: center;
  margin-right: 10px;
  color: currentColor
}

.Form-Checkbox input:checked + i:before,.Form-Radio input:checked + i:before {
  opacity: 1
}

.Form-Checkbox i:before,.Form-Radio i:before,.Form-Checkbox input:disabled + i:before,.Form-Radio input:disabled + i:before {
  opacity: 0.2
}

.Form-Checkbox i.AAIco-:before,.Form-Radio i.AAIco-:before {
  font-size: 1.7rem
}

.Form-Checkbox input + i.fa-:before {
  content: "\f0c8"
}

.Form-Checkbox input:checked + i.fa-:before {
  content: "\f14a"
}

.Form-Checkbox input + i.AAIco-:before {
  content: "\e835"
}

.Form-Checkbox input:checked + i.AAIco-:before {
  content: "\e834"
}

.Form-Radio input + i.fa-:before {
  content: "\f111"
}

.Form-Radio input:checked + i.fa-:before {
  content: "\f058"
}

.Form-Radio input + i.AAIco-:before {
  content: "\e836"
}

.Form-Radio input:checked + i.AAIco-:before {
  content: "\e837"
}

[type="checkbox"],[type="radio"] {
  width: auto;
  height: auto;
  display: inline;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox
}

[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio
}

[type="checkbox"] + label,[type="radio"] + label {
  margin-left: 5px;
  margin-right: 0.625rem;
  vertical-align: baseline;
  display: inline-block
}

[type="checkbox"][hidden] + label,[type="radio"][hidden] + label {
  margin-left: 0;
  margin-right: 0
}

.Button,button,input[type="button"],input[type="reset"],input[type="submit"] {
  border: 0;
  cursor: pointer;
  padding: 0 1rem 3px;
  width: auto;
  display: inline-block;
  text-align: center;
  line-height: 37px;
  border-radius: 25px
}

.Button > span,button > span {
  white-space: nowrap
}

button[disabled],input[disabled] {
  cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner,select::-moz-focus-inner {
  border: 0;
  padding: 0
}

.Form-Inline .Button,.Form-Inline button,.Form-Inline input,.Form-Inline select,.Form-Inline textarea,.Form-Inline .Form-Select,.Form-Inline [class*="Form-"] {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  width: auto
}

[class*="Btn"] {
  cursor: pointer
}

.Form-Success input,.Form-Success textarea,.Form-Success select,.Form-Success label {
  border-color: #24c970!important;
  color: #24c970
}

.Form-Warning input,.Form-Warning textarea,.Form-Warning select,.Form-Warning label {
  border-color: #f09941!important;
  color: #f09941
}

.Form-Error input,.Form-Error textarea,.Form-Error select,.Form-Error label {
  border-color: #f24343!important;
  color: #f24343
}

.Form-Success label input + i,.Form-Warning label input + i,.Form-Error label input + i {
  color: currentColor!important
}

input:disabled,textarea:disabled,select:disabled,.Form-Select select:disabled + label {
  background-color: #eee!important;
  border-color: #ddd!important;
  color: #999!important
}

::-webkit-input-placeholder {
  color: inherit
}

::-moz-placeholder {
  color: inherit
}

:-ms-input-placeholder {
  color: inherit
}

input:-moz-placeholder {
  color: inherit
}

.ClFx:before,.ClFx:after,.Rows:before,.Rows:after,.Container:before,.Container:after {
  content: "";
  display: block;
  overflow: hidden
}

.ClFx:after,.Rows:after,.Container:after {
  clear: both
}

button,input,textarea,select,label,label i:before,a,[class*="Btn"] {
  transition: 0.2s
}

@media screen and (max-width: 34em) {
  .AXHdMx {
      display:none!important
  }
}

@media screen and (min-width: 48em) {
  .BXHd {
      display:none!important
  }
}

@media screen and (max-width: 48em) {
  .BXHdMx {
      display:none!important
  }
}

@media screen and (min-width: 62em) {
  .CXHd {
      display:none!important
  }
}

@media screen and (max-width: 62em) {
  .CXHdMx {
      display:none!important
  }
}

@media screen and (min-width: 70em) {
  .DXHd {
      display:none!important
  }
}

@media screen and (max-width: 70em) {
  .DXHdMx {
      display:none!important
  }
}

.anmt,.sol-selection-container,.trsrcbx {
  animation-duration: 0.25s;
  animation-fill-mode: both
}

@keyframes zoomIn {
  from {
      opacity: 0;
      transform: scale3d(0.3,0.3,0.3)
  }

  50% {
      opacity: 1
  }
}

.Tp-Wp {
  padding-top: 0
}

.Header {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  transition: 0.2s;
  z-index: 3
}

.HdOp0.Pfx {
  top: -90px
}

.HdOp1.Pfx {
  top: 0
}

.MnBr {
  position: relative
}

.MenuBtn {
  font-size: 0;
  line-height: 0;
  text-align: center;
  padding: 0.75rem 0.5rem 0.5rem;
  width: 46px;
  border-radius: 4px;
  z-index: 11;
  height: 46px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25rem;
  margin: auto
}

.MenuBtn i {
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: 0.4s;
  display: block;
  margin: 3px auto
}

.show .MenuBtn i:first-child,.open .MenuBtn i:first-child {
  transform: rotate(-45deg) translate(-4px,4px)
}

.show .MenuBtn i:nth-child(2),.open .MenuBtn i:nth-child(2) {
  opacity: 0
}

.show .MenuBtn i:last-child,.open .MenuBtn i:last-child {
  transform: rotate(45deg) translate(-3px,-3px)
}

.Logo {
  padding: 10px 0;
  height: 65px;
  width: 190px
}

.Logo img {
  max-height: 100%
}

.Rght {
  text-align: right
}

.Menu,.Search,.Login {
  text-align: left
}

.Menu a,.widget_nav_menu a {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: 400
}

.Menu > ul > li > a,.widget_nav_menu > div > ul > li > a {
  padding: 0 0.4rem;
  text-transform: uppercase;
  line-height: 40px
}

.Menu li[class*="AAIco-"],.Menu li[class*="fa-"],.menu li[class*="AAIco-"],.menu li[class*="fa-"] {
  position: relative
}

.Menu li[class*="AAIco-"]:before,.Menu li[class*="fa-"]:before,.menu li[class*="AAIco-"]:before,.menu li[class*="fa-"]:before {
  position: absolute;
  left: 1rem;
  top: 0;
  line-height: 40px;
  font-size: 1.2rem;
  opacity: 0.5;
  transition: 0.2s
}

.Menu li[class*="AAIco-"]:hover:before,.Menu li[class*="fa-"]:hover:before,.menu li[class*="AAIco-"]:hover:before,.menu li[class*="fa-"]:hover:before {
  opacity: 1
}

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

.Menu li li[class*="AAIco-"]:before,.Menu li li[class*="fa-"]:before {
  line-height: 32px
}

.menu-item-has-children {
  position: relative
}

.menu-item-has-children > i {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  height: 40px;
  z-index: 2
}

.menu-item-has-children > i:before {
  height: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.2rem
}

.Menu .menu-item-has-children > a,.widget_nav_menu .menu-item-has-children > a {
  padding-right: 1.5rem
}

.sub-menu {
  max-height: 0;
  transition: 0.2s;
  overflow: hidden;
  opacity: 1
}

.sub-menu a {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
  overflow: hidden
}

.Search {
  position: relative
}

.Search .Form-Icon input,.Search .Form-Icon i {
  opacity: 0.5
}

.Search .Form-Icon input:focus,.Search .Form-Icon input:focus + i {
  opacity: 1
}

.Search .Form-Icon input {
  margin-bottom: 0;
  border: 1px solid
}

.Search .Form-Icon i {
  top: -1px
}

.Search .Form-Icon button {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 1px
}

.Result {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: none;
  animation-name: zoomIn;
  padding: 1.25rem;
  border-top: 3px solid transparent;
  margin-top: -3px;
  border-radius: 0 0 10px 10px;
  z-index: 10;
  max-height: 250px;
  overflow: auto
}

.Result:before {
  content: "";
  position: absolute;
  left: 2rem;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.Result.On {
  display: block
}

.Result .MovieList > li {
  margin-bottom: 1.25rem
}

.Result .MovieList > li:last-child {
  margin-bottom: 0
}

.Login > .Button {
  display: block
}

.Body {
  position: relative
}

.Body .Content {
  padding: 1.125rem
}

.AZList {
  font-size: 0;
  margin: 0 -5px 15px;
  text-align: center
}

.AZList > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 5px
}

.AZList > li > a {
  display: block;
  line-height: 30px;
  border-radius: 15px;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  min-width: 35px
}

.AZList > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 15px;
  z-index: 1;
  height: 30px;
  right: 0;
  opacity: 0.2;
  margin: 0 0.2rem;
  transition: 0.2s
}

.AZList > li.Current:before,.AZList > li:hover:before {
  opacity: 1
}

.TPost .Image {
  position: relative
}

.TPost .Image figure,.TPost .Image figure img {
  border-radius: 10px
}

.TPost .Image figure {
  position: relative;
  padding-top: 70%;
}

.TPost .Image figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.TpMvPlay:before,.TpMvPlay:after {
  transition: 0.2s;
  opacity: 0
}

.TPost:hover .TpMvPlay:before {
  opacity: 1;
  transform: scale(1)
}

.TPost:hover .TpMvPlay:after {
  opacity: 0.5
}

.TpMvPlay:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  text-align: center;
  font-size: 1.5rem;
  z-index: 2;
  transform: scale(0)
}

.TpMvPlay:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px
}

.TPost .Title {
  line-height: 20px;
  transition: 0.4s;
  max-height: 40px;
  overflow: hidden;
  font-weight: 400
}

p.Info {
  margin-bottom: 0
}

p.Info > span {
  display: inline-block;
  vertical-align: top;
  font-size: 0.75rem;
  line-height: 20px;
  margin-right: 0.5rem;
  margin-bottom: 4px
}

p.Info > span:before {
  font-size: 0.875rem;
  margin-right: 0.2rem;
  opacity: 0.5
}

p.Info > span:last-child {
  margin-bottom: 0;
  margin-right: 0
}

p.Info > span.Vote {
  font-weight: 700
}

p.Info > span.Vote:before {
  opacity: 1
}

p.Info > span.Qlty,.Qlty {
  font-size: 0.625rem
}

.Qlty {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  line-height: 20px;
  padding: 0 0.6rem;
  border-radius: 10px;
  font-weight: 700
}

.Objf img {
  object-fit: cover;
  object-position: top
}

.Objf.bgcvr {
  background-size: cover;
  background-position: 50% 0
}

.Objf.bgcvr img {
  opacity: 0
}

.TPost.A {
  position: relative;
  padding-left: 110px;
  min-height: 85px
}

.TPost.A .Image {
  position: absolute;
  width: 100px;
  left: 0;
  top: 0
}

.TPost.A .Image figure,.TPost.A .Image figure img,.TPost.A .TpMvPlay:after {
  border-radius: 4px
}

.TPost.A .Image figure {
  /* padding-top: 85px */
}

.TPost.A .TpMvPlay:before {
  width: 2rem;
  height: 2rem;
  line-height: 2rem
}

.TPost .Top {
  position: absolute;
  left: -5px;
  top: -4px;
  min-width: 22px;
  padding: 0 5px;
  border-radius: 3px 0 0 0;
  z-index: 1;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 23px;
  text-align: center
}

.TPost .Top:before,.TPost .Top:after {
  content: "";
  width: 0;
  top: 0;
  right: -5px;
  position: absolute;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent
}

.TPost .Top.Num1 {
  font-size: 1rem
}

.TPost .Top > i {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px
}

.TPost .Top > i:before,.TPost .Top > i:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent
}

.TPost .Top > i:before {
  border-left: 11px solid transparent;
  float: right
}

.TPost .Top > i:after {
  border-right: 11px solid transparent;
  float: left
}

.TPost.B {
  position: relative;
  text-align: center
}

.TPost.B:hover .Title {
  opacity: 0;
  visibility: hidden
}

.TPost.B .Title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: none;
  padding: 50px 10px 10px;
  border-radius: 0 0 10px 10px;
  font-size: 0.75rem;
  line-height: 1rem;
  pointer-events: none
}

.MovieListTopCn {
  margin: 0 -0.6rem 1.25rem
}

.MovieListRelated .TPostMv,.MovieListTop .TPostMv {
  padding: 0 0.6rem
}

.TPMvCn {
  padding: 0.6rem;
  border-radius: 10px;
  display: none
}

.qtip-pos-tl .TPMvCn {
  border-top-left-radius: 0
}

.qtip-pos-tr .TPMvCn {
  border-top-right-radius: 0
}

.qtip-pos-bl .TPMvCn {
  border-bottom-left-radius: 0
}

.qtip-pos-br .TPMvCn {
  border-bottom-right-radius: 0
}

.TPost.C .TPMvCn .Title,.TPMvCn .Title {
  font-size: 1.25rem;
  padding: 0.2rem 0;
  line-height: 1.5;
  text-align: left
}

.TPost.C .TPMvCn .Title {
  font-size: 1rem;
  max-height: none;
  white-space: normal;
  line-height: 1.2
}

.TPost.C .TPMvCn .Description {
  margin-bottom: 0
}

.TPMvCn .Info {
  margin-bottom: 0.4rem
}

.TPMvCn .Description,.TPMvCn .Description p {
  margin-bottom: 0.6rem
}

.TPMvCn .Description {
  font-size: 0.75rem
}

.TPMvCn .Description p[class] {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 22px;
  line-height: 22px
}

.TPMvCn .Description p[class] > i {
  min-width: 22px;
  height: 22px;
  margin-left: 3px;
  line-height: 20px;
  vertical-align: top
}

.TPMvCn > .Button {
  vertical-align: top
}

.TPMvCn > .Button.TPlay {
  margin-right: 5px;
  font-weight: 300
}

.Description p[class] {
  margin-bottom: 0
}

.Description p[class] span {
  font-weight: 700
}

.Description p[class]:before {
  font-size: 1rem;
  margin-right: 0.4rem;
  line-height: 20px;
  margin-top: 1px;
  opacity: 0.5
}

.MovieListSldCn .Description p[class]:before {
  opacity: 1
}

.Cast {
  font-size: 0
}

.Cast a {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px
}

.Cast a:hover {
  transform: scale(1.1)
}

.Cast a img {
  margin: 0
}

.Cast img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px
}

.Button.TPlay:before {
  margin-right: 0.5em
}

.Button.TPlay span {
  font-weight: 700
}

.Cast .Button.STPa {
  font-size: 1.25rem
}

.Button.STPa {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 0;
  min-width: 40px;
  font-size: 1rem;
  height: 40px
}

section > .Top {
  margin-bottom: 1.25rem
}

section > .Top > h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  border-left: solid 3px #ffc107;
  padding: 0 10px;
  font-family: 'Asap'
}

section > .Top > h2 {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-bottom: 0
}

section > .Top > .Button {
  margin-right: 0.5rem
}

section > .Top > .Button:last-child {
  margin-right: 0
}

.MovieList > li {
  margin-bottom: 1.25rem
}

.TPost.C .Image {
  margin-bottom: 10px
}

.TPost.C .Title,.TPost.C .Year {
  text-align: center;
  line-height: 20px
}

.TPost.C .Title {
  font-size: 0.875rem;
  margin-bottom: 0;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

.TPost.C .Year {
  display: block;
  font-size: 0.75rem
}

.Button.STPb {
  line-height: 30px;
  font-size: 0.75rem;
  height: 30px;
  min-width: 80px
}

.MovieListSldCn {
  margin-bottom: 1.25rem
}

.TPost.D .TPMvCn {
  display: block
}

.TPost.D .Title {
  font-weight: 300
}

.TPost.D .TPMvCn .Title {
  padding-bottom: 2px
}

.TPost.D .Image figure {
  padding-top: 250px
}

.MovieListSld .owl-controls {
  position: absolute;
  right: 1.25rem;
  top: 220px;
  font-size: 0
}

.MovieListSld .owl-controls div,.MovieListSld .owl-controls span {
  display: inline-block;
  vertical-align: top
}

.MovieListSld .owl-controls .owl-page {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  opacity: 0.2;
  margin-left: 10px
}

.MovieListSld .owl-controls .owl-page.active {
  opacity: 1
}

[class*="Dvr-"] {
  margin: 0 auto 1.25rem
}

.Dvr-300 {
  max-width: 300px;
  overflow: hidden
}

.TPostBg,.TPostBg img,.TPostBg:before,.TPostBg:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px
}

.TPostBg {
  z-index: -1;
  pointer-events: none
}

.single-post .TPostBg {
  opacity: 0.8;
  filter: brightness(120%) grayscale(1)
}

.TPostBg:before,.TPostBg:after {
  content: ""
}

.TPostBg:before {
  opacity: 0.3
}

.TPost.Single {
  position: relative;
  z-index: 1;
  padding: 1.25rem;
}

.TPost.Single .Image {
  width: 180px;
  margin: 0 auto 1.25rem
}

.TPost.Single .Image figure {
  /* padding-top: 260px */
}

.TPost.Single .Title {
  line-height: 36px;
  padding: 7px 0;
  margin-bottom: 0;
  max-height: none;
  font-weight: 300
}

.TPost.Single .SubTitle {
  font-size: 1rem;
  line-height: 20px;
}

.TPost.Single .Description {
  max-height: 100px;
  overflow: auto;
  margin-bottom: 20px;
}

.TPost.Single .Description > *:last-child {
  margin-bottom: 0
}

.TPost.Single footer {
  padding-top: 19px;
  border-top: 1px solid transparent
}

.TPost.Single .Info {
  margin-bottom: 20px
}

.ListPOpt {
  text-align: center;
  font-size: 0;
  margin: 0 -5px
}

.ListPOpt > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 5px
}

.ListPOpt > li > a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 1rem;
  opacity: 0.5
}

.ListPOpt > li > a.Fcb,.ListPOpt > li > a.Twt,.ListPOpt > li > a.Ggl {
  border: 1px solid transparent;
  line-height: 28px
}

.ListPOpt > li > a.Fcb:hover {
  background-color: #3b5999;
  border-color: #3b5999
}

.ListPOpt > li > a.Twt:hover {
  background-color: #55acee;
  border-color: #55acee
}

.ListPOpt > li > a.Ggl:hover {
  background-color: #dd4b39;
  border-color: #dd4b39
}

.ListPOpt > li > a.Ggl {
  font-size: 0.75rem
}

.ListPOpt > li > a:hover,.ListPOpt > li > a.Fav,.ListPOpt > li > a.Rep {
  opacity: 1
}

.ListPOpt > li > a:hover {
  transform: scale(1.2)
}

.ListPOpt > li > a.Fav.On:hover:before {
  content: "\e14c"
}

.VotesCn {
  position: relative;
  padding-left: 50px;
  min-height: 40px;
  margin-bottom: 20px;
  padding-top: 3px
}

.VotesCn .Prct {
  position: absolute;
  left: 0;
  top: 0
}

.VotesCn .post-ratings {
  position: relative;
  font-size: 10px;
  min-width: 90px
}

.VotesCn .post-ratings img {
  position: absolute;
  left: 0;
  top: 0
}

.VotesCn .post-ratings img + img {
  left: 18px
}

.VotesCn .post-ratings img + img + img {
  left: 36px
}

.VotesCn .post-ratings img + img + img + img {
  left: 54px
}

.VotesCn .post-ratings img + img + img + img + img {
  left: 72px
}

.VotesCn .post-ratings img + img + img + img + img + img {
  left: 90px
}

.VotesCn .post-ratings img + img + img + img + img + img + img {
  left: 108px
}

.VotesCn .post-ratings img + img + img + img + img + img + img + img {
  left: 126px
}

.VotesCn .post-ratings img + img + img + img + img + img + img + img + img {
  left: 144px
}

.VotesCn .post-ratings img + img + img + img + img + img + img + img + img + img {
  left: 162px
}

.VotesCn .post-ratings img + img + img + img + img + img + img + img + img + img + img {
  left: 180px
}

.TPlayer {
  position: relative;
  padding-top: 60%;
  min-height: 250px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.25rem;
  z-index: 2
}

.TPlayer iframe,.TPlayer video,.TPlayer object,.TPlayer embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1
}

.TPlayer .Title {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px 0 10px 0;
  z-index: 2;
  padding: 10px 15px;
  transition: 0.2s
}

.TPlayer .Qlty {
  margin: 0 10px
}

.lgtbx-lnk {
  position: absolute;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  font-size: 1.25rem;
  transition: 0.2s
}

.lgtbx-lnk:hover {
  transform: scale(1.2)
}

.lgtbx-on .lgtbx-lnk {
  right: -50px
}

.lgtbx-on .TPlayer .Title {
  top: -50px
}

.TPTblCn {
  max-width: 100%;
  overflow: auto
}

.TPTblCn table {
  margin-bottom: 0
}

.TPTblCn th,.TPTblCn td {
  border: 0;
  background-color: transparent;
  padding: 10px 20px;
  transition: 0.2s
}

.TPTblCn th {
  font-weight: 400
}

.TPTblCn th:first-child,.TPTblCn td:first-child {
  width: 60px;
  text-align: center;
  padding-right: 10px
}

.TPTblCn span {
  white-space: nowrap
}

.TPTblCn span img {
  margin-right: 5px
}

.TPTblCn tr:hover td {
  background-color: #fff
}

.TPTblCn td:first-child {
  border-radius: 50px 0 0 50px;
  font-weight: 700
}

.TPTblCn td:last-child {
  border-radius: 0 50px 50px 0
}

.TPTblCn .Button {
  min-width: 100px
}

#comments > .Comment.Wrt {
  padding-left: 0
}

#comments > .Comment.Wrt:last-child {
  margin-bottom: 0
}

.Comment.Wrt figure:before {
  content: "";
  position: absolute;
  right: -20px;
  top: 15px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent
}

.CommentsList > li:last-child > .Comment {
  margin-bottom: 1.25rem
}

.Comment button {
  min-width: 200px;
  margin-bottom: 0
}

.Comment {
  position: relative;
  padding-left: 70px;
  margin-bottom: 2.5rem
}

.Comment textarea {
  border-radius: 10px
}

.comment .Comment textarea {
  border: 1px solid #f1f1f1
}

.Comment p:first-of-type {
  margin-bottom: 0
}

.Comment p:last-of-type {
  margin-bottom: 5px
}

.Comment p span {
  opacity: 0.5;
  font-size: 10px
}

.Comment p a {
  font-weight: 700
}

.CommentsList li li .Comment {
  padding: 1rem;
  border-radius: 10px;
  margin-left: 20px
}

.children .Comment > figure {
  display: none
}

.cancel-comment-reply {
  margin-bottom: 10px
}

#cancel-comment-reply-link {
  font-weight: 700
}

.comment-notes {
  opacity: 0.5
}

.Comment > figure {
  position: absolute;
  left: 0;
  top: 0
}

.Comment > figure > img {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.comment-reply-link {
  display: inline-block;
  line-height: 20px;
  font-size: 0.75rem
}

.comment-reply-link:before {
  content: "\e0b7";
  font-size: 1rem;
  margin-right: 5px;
  margin-top: 1px
}

.InfoList span {
  font-weight: 700
}

.InfoList > li {
  line-height: 20px;
  padding: 5px 0;
  position: relative;
  padding-left: 1.2rem
}

.InfoList > li:before {
  font-size: 0.75rem;
  position: absolute;
  left: 0;
  top: 5px
}

.MovieInfo.TPost.SeasonList .season_item a {
  color: #fff;
  line-height: 25px;
  padding: 2px 8px;
  min-width: 45px;
  text-align: center;
  margin: 0 2px;
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 30px;
  -webkit-transition: background 0.1s ease-in-out 0s;
  -khtml-transition: background 0.1s ease-in-out 0s;
  -moz-transition: background 0.1s ease-in-out 0s;
  -ms-transition: background 0.1s ease-in-out 0s;
  -o-transition: background 0.1s ease-in-out 0s;
  transition: background 0.1s ease-in-out 0s
}

.MovieInfo.TPost.SeasonList .season_item a.active {
  background: #ffc107;
  color: #333;
  font-weight: 600;
  border: 1px solid #ffc107
}

.InfoList a:hover {
  opacity: 0.7
}

.MovieTabNav {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid transparent;
  font-size: 0
}

.MovieTabNav .Lnk {
  white-space: nowrap;
  line-height: 1.25rem;
  cursor: pointer;
  padding-bottom: 1.25rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 1.25rem;
  margin-bottom: -1px;
  position: relative;
  font-weight: 400;
  box-shadow: none!important;
  border-bottom: 3px solid transparent
}

.MovieTabNav .Lnk:last-child {
  margin-right: 0
}

.MovieTabNav .Lnk,.MovieTabNav .Lnk:before,.MovieTabNav .Lnk:after {
  transition: 0.2s
}

.MovieTabNav .Lnk:before {
  font-size: 1.25rem;
  margin-right: 0.5rem;
  opacity: 0.5
}

.MovieTabNav .Lnk.on {
  font-size: 0.875rem;
  border-bottom-color: currentColor
}

.MovieTabNav .Lnk.on:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -7px
}

.MovieTabNav .Lnk.on:before {
  opacity: 1
}

.MvTbCn {
  animation-name: zoomIn;
  display: none
}

.MvTbCn.on {
  display: block
}

.ListCast {
  max-height: 450px;
  overflow: auto
}

.ListCast,.ListVids,.ListGall {
  text-align: center;
  margin-top: -1.25rem
}

.ListCast > li,.ListVids > li,.ListGall > li {
  padding-top: 1.25rem
}

.ListCast figcaption,.ListCast span {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.ListCast figure > span {
  max-width: 80%;
  margin: 0 auto 0.5rem;
  position: relative;
  transition: 0.2s
}

.ListCast figure:hover > span {
  transform: scale(1.1)
}

.ListCast figure > span:before {
  content: "";
  display: block;
  padding-top: 100%
}

.ListCast figure > span > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.ListCast figcaption span {
  opacity: 0.5;
  font-size: 0.75rem
}

.ListVids figure,.ListGall figure {
  position: relative;
  padding-top: 40%;
  cursor: pointer
}

.ListVids figure:before,.ListGall figure:before,.ListVids figure:after,.ListGall figure:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s;
  opacity: 0;
  transform: scale(0)
}

.ListVids figure:before,.ListGall figure:before {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 2rem;
  z-index: 2
}

.ListVids figure:after,.ListGall figure:after {
  content: "";
  z-index: 1;
  border-radius: 10px
}

.ListVids figure:hover:before,.ListGall figure:hover:before,.ListVids figure:hover:after,.ListGall figure:hover:after {
  transform: scale(1);
  opacity: 1
}

.ListVids figure:hover:after,.ListGall figure:hover:after {
  opacity: 0.7
}

.ListVids figure img,.ListGall figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px
}

.admin-bar .Header {
  top: 32px!important
}

.admin-bar .Header.HdOp0.Pfx {
  top: -90px!important
}

.admin-bar .Header.HdOp1.Pfx {
  top: 32px!important
}

@media screen and (max-width: 62em) {
  .admin-bar .Header .Rght {
      padding-top:3rem
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .Header {
      top:46px!important
  }

  .admin-bar .Header.HdOp0.Pfx {
      top: -90px!important
  }

  .admin-bar .Header .Rght {
      padding-top: 4rem
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .Header.Pfx .Rght {
      padding-top:1rem
  }

  .admin-bar .Header.HdOp1.Pfx {
      top: 0!important
  }
}

.TPTblCn .Vote {
  font-size: 1rem
}

.TPTblCn th {
  text-transform: uppercase;
  font-weight: 700
}

.TPTblCn td.MvTbImg {
  width: 60px;
  padding-right: 0;
  min-width: 60px
}

.TPTblCn td.MvTbImg img {
  width: 40px;
  height: 60px;
  border-radius: 5px
}

.TPTblCn td.MvTbTtl {
  padding-left: 0
}

.TPTblCn td.MvTbTtl a {
  padding-left: 10px;
  display: inline-block
}

.TPTblCnMvs th,.TPTblCnMvs td {
  text-align: center
}

.TPTblCnMvs th:first-child,.TPTblCnMvs th:nth-child(2),.TPTblCnMvs td:first-child,.TPTblCnMvs td:nth-child(2),.TPTblCnMvs td:nth-child(3) {
  text-align: left
}

.Page .Description {
  font-size: 1rem
}

.SearchMovies > form {
  margin-bottom: 0
}

.SearchMovies .Form-Group {
  position: relative
}

.SearchMovies .Form-Group .trsrcbx {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 10px
}

.SearchMovies .Form-Group .trsrcbx > div {
  overflow: auto;
  max-height: 150px;
  padding: 0.5rem 0
}

.SearchMovies .Form-Group .trsrcbx p {
  margin-bottom: 0;
  text-align: center
}

.SearchMovies .Form-Group input + i {
  font-size: 1.25rem;
  color: currentColor;
  opacity: 0.2;
  display: block!important;
  transition: 0.2s
}

.SearchMovies .Form-Group input:focus + i,.Menu li.current-menu-item:before,.Menu li.current-cat:before {
  opacity: 1
}

.SearchMovies select.Select-Md {
  opacity: 0
}

.SearchMovies .Form-Select label {
  padding-top: 40px
}

.SearchMovies .Form-Select label:before {
  margin-right: 0;
  color: currentColor;
  opacity: 0.2;
  transition: 0.2s
}

.SearchMovies .Form-Select select:focus + label:before {
  opacity: 1
}

.Title-404 {
  font-weight: 700;
  font-size: 1.7rem;
  text-align: center;
  padding: 6rem 0
}

.Title-404:before {
  display: block;
  font-size: 6rem;
  opacity: 0.5;
  line-height: 1
}

.Title-404 > span {
  font-size: 1rem;
  opacity: 0.5;
  font-weight: 400;
  display: block
}

.Title-404 > strong {
  display: block;
  font-size: 8rem;
  line-height: 1
}

.rssSummary {
  overflow: hidden
}

.TPlayerNv {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0.5rem;
  overflow: hidden
}

.TPlayerNv > li.Button {
  height: auto;
  line-height: 1rem;
  font-weight: 400;
  text-align: left;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  opacity: 0.55;
  transition: 0.2s;
  border-radius: 6px
}

.TPlayerNv > li.Button:last-child {
  margin-right: 0
}

.TPlayerNv > li.Button > span + span {
  font-size: 0.7rem;
  display: block;
  font-weight: 300;
  opacity: 0.8
}

.TPlayerNv > li.Button:hover,.TPlayerNv > li.Button.Current {
  opacity: 1
}

.TPlayerTb {
  display: none
}

.TPlayerTb > iframe {
  animation: scale 0.7s ease-in-out;
  background-color: #000
}

@keyframes scale {
  0% {
      transform: scale(0.9);
      opacity: 0
  }

  50% {
      transform: scale(1.01);
      opacity: 0.5
  }

  100% {
      transform: scale(1);
      opacity: 1
  }
}

.TPlayerTb.Current {
  display: block
}

.TPlayerCn {
  position: relative
}

.TPlayerCn,.TPlayerCn > div {
  border-radius: 10px
}

.NoBrdRa .TPost .Image figure,.NoBrdRa .TPost .Image figure img,.NoBrdRa .TpMvPlay:after,.NoBrdRa .TPMvCn,.NoBrdRa .Wdgt:before,.NoBrdRa .TPost.D .Image:before,.NoBrdRa .ListSocial > li > a,.NoBrdRa .Button,.NoBrdRa button,.NoBrdRa input[type="button"],.NoBrdRa input[type="reset"],.NoBrdRa input[type="submit"],.NoBrdRa .Footer .MnBrCn,.NoBrdRa .Footer .MnBr,.NoBrdRa input,.NoBrdRa textarea,.NoBrdRa select,.NoBrdRa .Form-Select label,.NoBrdRa .AZList > li:before,.NoBrdRa .SearchMovies .sol-inner-container,.NoBrdRa .SearchMovies .sol-selection-container,.NoBrdRa .trsrcbx,.NoBrdRa .wp-pagenavi a:after,.NoBrdRa .wp-pagenavi span:after,.NoBrdRa .CommentsList li li .Comment,.NoBrdRa .TPostBg,.NoBrdRa .TPostBg img,.NoBrdRa .TPostBg:before,.NoBrdRa .TPostBg:after,.NoBrdRa .TPlayerCn,.NoBrdRa .TPlayerCn > div,.NoBrdRa .TPlayer,.NoBrdRa .TPlayer iframe,.NoBrdRa .TPlayer video,.NoBrdRa .TPlayer object,.NoBrdRa .TPlayer embed {
  border-radius: 10px!important
}

.NoBrdRa .Menu .sub-menu,.NoBrdRa .widget_nav_menu .sub-menu {
  border-radius: 0
}

.NoBrdRa .TPTblCn td:first-child {
  border-radius: 3px 0 0 3px
}

.NoBrdRa .TPTblCn td:last-child {
  border-radius: 3px 0 0 3px
}

.MovieTabNav .Lnk {
  padding-left: 3px;
  padding-right: 3px
}

.Cast a.Button,.TPMvCn a.STPa,.TPMvCn .Description p[class] > i {
  border-radius: 50%!important
}

.Footer {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1rem
}

.Footer:hover {
  z-index: 3
}

.Footer .Copy a {
  color: currentColor
}

.Footer .Copy a:hover {
  opacity: 0.8
}

.Footer .MnBrCn,.Footer .MnBr {
  border-radius: 10px
}

.Footer .MnBrCn {
  margin-bottom: 1.25rem
}

.Footer .MenuBtn {
  margin-top: 0;
  top: 1.35rem
}

.ListSocial {
  font-size: 0;
  text-align: center
}

.ListSocial > li {
  display: inline-block;
  vertical-align: top;
  margin: 5px
}

.ListSocial > li > a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.25rem;
  opacity: 0.5;
  border-radius: 20px
}

.ListSocial > li > a[class*="google"] {
  font-size: 1rem
}

.ListSocial > li > a.Up,.ListSocial > li > a:hover {
  opacity: 1
}

.WebDescription {
  max-height: 250px;
  overflow: auto;
  font-size: 0.75rem;
  margin-bottom: 1.2rem
}

.WebDescription a {
  color: #8e8e8e;
  /* text-transform:lowercase;*/
}

.WebDescription a:after {
  content: ","
}

.WebDescription a:last-child:after {
  content: ""
}

.WebDescription > *:last-child {
  margin-bottom: 0
}

.MenuFt {
  font-size: 0
}

.MenuFt > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.15rem 5px
}

.MenuFt > ul > li > a {
  display: block;
  border-radius: 15px;
  line-height: 28px;
  font-size: 0.75rem;
  border: 1px solid;
  padding: 0 0.7rem
}

.alignleft,.aligncenter,.alignright {
  margin-bottom: 1.87rem
}

.alignleft {
  float: left;
  margin-right: 0.937rem
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.alignright {
  float: right;
  margin-left: 0.937rem
}

.Wdgt {
  position: relative;
  z-index: 0;
  margin-bottom: 1.25rem;
  padding: 1.25rem
}

.Wdgtads {
  position: relative;
  z-index: 0;
  margin-bottom: 1.25rem
}

.Wdgt .Title .Top {
  display: inline-block;
  margin-left: 20px
}

.Wdgt:hover {
  z-index: 1
}

.Wdgt:last-child {
  margin-bottom: 0
}

.Wdgt:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  opacity: 0.1;
  z-index: -1
}

.Wdgt > .Title {
  margin-bottom: 1.25rem;
  position: relative;
  padding-bottom: 1rem;
  font-weight: 400
}

.Wdgt > .Title:before,.Wdgt > .Title:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ""
}

.Wdgt > .Title:before {
  right: 0;
  height: 1px;
  opacity: 0.2
}

.Wdgt > .Title:after {
  height: 3px;
  width: 30px
}

.Wdgt > .Title > span {
  font-weight: 700
}

.Wdgtads > .Title {
  margin-bottom: 1.25rem;
  position: relative;
  padding-bottom: 1rem;
  line-height: 19px;
  font-weight: 400
}

.Wdgtads > .Title:before,.Wdgtads > .Title:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ""
}

.Wdgtads > .Title:before {
  right: 0;
  height: 1px;
  opacity: 0.2
}

.Wdgtads > .Title:after {
  height: 3px;
  width: 30px
}

.Wdgtads > .Title > span {
  font-weight: 700
}

.Wdgt > ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#Wdgt > ul {
  max-height: 400px;
  overflow: auto;
  padding-right: 5px
}

.widget_categories > ul {
  max-height: 300px;
  overflow: auto;
  padding-right: 5px
}

.widget_categories > ul li {
  margin-bottom: 0.5rem;
  position: relative;
  text-align: right;
  padding: 0 1rem;
  line-height: 30px;
  border-radius: 15px;
  font-size: 0.625rem;
  transition: 0.2s;
  height: 30px
}

.widget_categories > ul li:last-child {
  margin-bottom: 0
}

.widget_categories > ul li a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  text-align: left;
  padding-left: 1rem;
  padding-right: 3rem;
  font-size: 0.875rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.widget_categories > ul li:hover a {
  color: currentColor
}

.widget_categories .postform {
  margin-bottom: 0
}

.Wdgt .MovieList > li:last-child {
  margin-bottom: 0
}

.widget_nav_menu > div {
  margin: 0 -1.25rem
}

.widget_nav_menu > div > ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0
}

.widget_nav_menu > div > ul > li {
  position: relative
}

.widget_nav_menu > div > ul > li:before {
  font-size: 1.25rem;
  position: absolute;
  left: 1.25rem;
  top: 0;
  line-height: 40px;
  opacity: 0.5
}

.widget_nav_menu > div > ul > li.current-menu-item:before,.widget_nav_menu > div > ul > li:hover:before {
  opacity: 1
}

.widget_nav_menu > div > ul > li > i {
  height: 40px
}

.widget_nav_menu > div > ul > li > i:before {
  right: 1.25rem
}

.widget_nav_menu > div > ul > li > a {
  line-height: 40px;
  padding-left: 2.9rem;
  padding-right: 2rem;
  text-transform: uppercase;
  display: block
}

.widget_nav_menu > div > ul > li > a:before {
  display: none
}

.widget_nav_menu > div > ul .sub-menu {
  left: 0;
  right: 0;
  width: auto;
  padding-left: 0;
  margin-left: 0
}

.widget_nav_menu > div > ul .sub-menu > li {
  width: 50%;
  float: left
}

.SearchMovies .Button {
  width: 100%;
  margin-bottom: 0
}

.SearchMovies label:before {
  font-size: 1.25rem;
  margin-right: 0.5rem
}

.SearchMovies .sol-input-container input[type="text"] {
  padding-left: 1rem;
  padding-right: 3rem
}

.SearchMovies .sol-inner-container {
  border: 0;
  height: 40px;
  border-radius: 20px
}

.SearchMovies .sol-selection {
  padding: 0.5rem 0;
  max-height: 150px;
  overflow: auto
}

.SearchMovies .sol-checkbox {
  position: absolute;
  opacity: 0
}

.SearchMovies .sol-label {
  padding: 0.5rem 1rem;
  cursor: pointer;
  position: relative
}

.SearchMovies .sol-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: 0.2s;
  margin-right: 0
}

.SearchMovies .sol-label:hover:before {
  opacity: 0.1
}

.SearchMovies .sol-label-text {
  padding-left: 0;
  position: relative;
  z-index: 2
}

.SearchMovies .sol-caret:before {
  content: "\e8b6";
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 1.25rem;
  opacity: 0.5;
  transition: 0.2s
}

.SearchMovies .sol-active .sol-caret:before {
  opacity: 1
}

.SearchMovies .sol-selection-container,.trsrcbx {
  border-top: 3px solid transparent;
  border-radius: 10px!important;
  animation-name: zoomIn
}

.SearchMovies .sol-selection-top .sol-selection-container {
  border-top: 0;
  border-bottom: 3px solid transparent
}

.SearchMovies .sol-no-results {
  padding: 0.5rem
}

.SearchMovies .sol-selection-container:before,.trsrcbx:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 1rem;
  top: -8px
}

.SearchMovies .sol-selection-top .sol-selection-container:before {
  border-bottom: 0;
  border-top: 5px solid transparent;
  top: auto;
  bottom: -8px
}

.trsrclst {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0
}

.SearchMovies .sol-current-selection,.trsrclst {
  margin-bottom: 5px
}

.SearchMovies .sol-selected-display-item,.trsrclst > li {
  cursor: pointer;
  border-radius: 10px;
  line-height: 20px;
  position: relative;
  padding: 0 1.5rem 0 0.7rem;
  font-size: 0.75rem;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top
}

.SearchMovies span.sol-quick-delete,.trsrclst .tr-delete {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding-right: 0.5rem;
  left: 0
}

.widget_calendar caption,.widget_calendar td,.widget_calendar th {
  padding: 5px;
  text-align: center;
  border: 0
}

.widget_calendar table {
  margin-bottom: 0
}

.widget_ratings-widget li,.widget_recent_comments li,.widget_recent_entries li,.widget_views li,.widget_rss li,.widget_meta li {
  margin-bottom: 15px
}

.widget_ratings-widget li:last-child,.widget_recent_comments li:last-child,.widget_recent_entries li:last-child,.widget_views li:last-child,.widget_rss li:last-child,.widget_meta li:last-child {
  margin-bottom: 0
}

.widget_ratings-widget li a {
  display: block
}

.widget_recent_comments li span,.widget_rss li span {
  display: block;
  font-size: 10px;
  font-weight: 700
}

.widget_search label {
  display: block;
  padding: 0
}

.widget_search .search-form {
  position: relative;
  padding-right: 110px
}

.widget_search .search-field {
  margin-bottom: 0
}

.widget_search .search-submit {
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  padding: 0 5px
}

.trsrcbx label {
  padding: 0;
  position: relative
}

.trsrcbx label button {
  background-color: transparent;
  color: currentColor;
  font-weight: 300;
  box-shadow: none;
  width: 100%;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 2;
  text-align: left;
  text-transform: capitalize;
  line-height: normal
}

.trsrcbx label:before {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.2s;
  opacity: 0
}

.trsrcbx label:hover:before {
  opacity: 0.1
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
  float: left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
  cursor: pointer
}

.owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  background: #f62f39;
  position: absolute;
  top: 50%;
  z-index: 2;
  opacity: 0.9;
  margin: -17px 5px 0;
  width: 16px;
  border-radius: 0;
  padding: 6px 17px 6px 8px;
  text-align: center
}

.owl-controls .owl-prev {
  left: 0
}

.owl-controls .owl-next {
  right: 0
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.grabbing {
  cursor: url(../img/grabbing.html) 8 8,move
}

.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-item.loading {
  min-height: 150px;
  background: url(../img/AjaxLoader.html) no-repeat center center
}

.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 300px;
  min-width: 250px
}

.qtip-tip {
  pointer-events: none;
  position: absolute
}

.wp-pagenavi {
  font-size: 0;
  text-align: center;
  position: relative;
  z-index: 1
}

.wp-pagenavi a,.wp-pagenavi span {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px 5px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  font-weight: 700;
  position: relative
}

.wp-pagenavi a:after,.wp-pagenavi span:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  opacity: 0.2;
  transition: 0.2s
}

.wp-pagenavi span.current:after,.wp-pagenavi a:hover:after {
  opacity: 1
}

.wp-pagenavi a.first,.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink,.wp-pagenavi a.last {
  font-size: 0
}

.wp-pagenavi a.first:before,.wp-pagenavi a.previouspostslink:before,.wp-pagenavi a.nextpostslink:before,.wp-pagenavi a.last:before {
  font-size: 1.25rem
}

.wp-pagenavi a.previouspostslink:before,.wp-pagenavi a.nextpostslink:before {
  font-size: 1.5rem
}

.wp-pagenavi a.first:before {
  content: "\e5c4"
}

.wp-pagenavi a.previouspostslink:before {
  content: "\e314"
}

.wp-pagenavi a.nextpostslink:before {
  content: "\e315"
}

.wp-pagenavi a.last:before {
  content: "\e5c8"
}

.wp-pagenavi .pages,.wp-pagenavi a.prev.page-numbers,.wp-pagenavi .next.page-numbers {
  padding-left: 15px;
  padding-right: 15px
}

.sol-inner-container {
  position: relative;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s
}

.sol-container.sol-active .sol-inner-container {
  z-index: 9999
}

.sol-input-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.sol-input-container input[type="text"] {
  background: 0 0;
  box-shadow: none;
  padding: 0 7px;
  outline: none;
  width: 100%;
  height: 100%
}

.sol-input-container input[type="text"]::-ms-clear {
  display: none
}

.sol-selection-container {
  display: none
}

.sol-container.sol-active .sol-selection-container,.trsrcbx {
  display: block;
  position: fixed;
  left: inherit;
  top: inherit;
  z-index: 10000
}

.sol-active.sol-selection-top .sol-selection-container,.trsrcbx {
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.175);
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.175);
  box-shadow: 0 0 12px rgba(0,0,0,0.175)
}

.sol-action-buttons {
  padding: 7px 10px
}

.sol-action-buttons a {
  line-height: 1em;
  text-decoration: none
}

.sol-action-buttons .sol-select-all {
  float: left
}

.sol-action-buttons .sol-deselect-all {
  float: right
}

.sol-action-buttons .sol-clearfix {
  clear: both
}

.sol-selection {
  overflow: auto;
  position: relative;
  min-height: 0
}

.sol-selection:empty {
  display: none
}

.sol-option {
  display: block
}

.sol-label {
  padding: 5px 10px;
  display: block;
  position: relative
}

.sol-label-text {
  padding-left: 20px;
  line-height: 1.2em
}

.sol-optiongroup {
  padding-bottom: 1px
}

.sol-optiongroup-label {
  font-weight: 700;
  margin-bottom: 5px;
  padding: 3px 5px
}

.sol-selection div:first-child.sol-optiongroup > .sol-optiongroup-label {
  border-top: none
}

.sol-checkbox,.sol-radio {
  position: absolute;
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  top: 4px
}

.sol-filtered-search {
  display: none
}

.sol-no-results,.sol-loading-data {
  padding: 5px 0;
  font-style: italic;
  text-align: center
}

.sol-loading-data {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.rect-auto,.percircle.gt50 .slice {
  clip: rect(auto,auto,auto,auto)
}

.pie,.percircle .bar,.gt50 .fill {
  position: absolute;
  border: 2px solid transparent;
  width: 40px;
  height: 40px;
  clip: rect(0,20px,40px,0);
  border-radius: 50%;
  transform: rotate(0deg)
}

.bar {
  backface-visibility: hidden
}

.pie-fill,.gt50 .bar:after,.gt50 .fill {
  transform: rotate(180deg)
}

.percircle {
  position: relative;
  font-size: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%
}

.percircle.animate > span,.percircle.animate:after {
  transition: transform 0.2s ease-in-out
}

.percircle.animate .bar {
  transition: transform 0.6s ease-in-out
}

.percircle > span {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  height: 40px;
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  line-height: 40px;
  font-weight: 700
}

.percircle > span:after {
  content: "%";
  font-size: 10px
}

.perclock > span {
  font-size: 40px
}

.percircle:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  border-radius: 40%;
  width: 40px;
  height: 40px
}

.percircle .slice {
  position: absolute;
  width: 40px;
  height: 40px;
  clip: rect(0,40px,40px,20px)
}

.percircle:hover {
  cursor: default
}

img[src*="rating_"] {
  width: 16px;
  height: 16px;
  padding-left: 18px!important;
  margin-left: 0!important;
  background: url(/Template/images/star.svg) no-repeat
}

img[src*="on.gif"],img[src*="over.gif"] {
  background: url(/Template/images/star-on.svg) no-repeat
}

img[src*="half.gif"] {
  background: url(/Template/images/star-hf.svg) no-repeat
}

.post-ratings-loading {
  display: none!important
}

.post-ratings-text {
  display: block;
  position: absolute
}

.lgtbx {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  cursor: pointer
}

.lgtbx-on .lgtbx {
  visibility: visible;
  opacity: 0.8;
  z-index: 998
}

.lgtbx-on .TPlayer {
  z-index: 999
}

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

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear
}

.fade.in {
  opacity: 1
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px 10px
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  -o-transform: translate(0,-25%);
  transform: translate(0,-25%)
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0)
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  box-shadow: 0 3px 9px rgba(0,0,0,0.5)
}

.modal-body {
  position: relative;
  padding: 40px
}

.modal-footer {
  padding: 40px;
  text-align: center;
  border-top: 1px solid #eee
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5
}

.pt-register,.pt-login,.pt-reset-password,.pt-register-footer,.pt-login-footer {
  display: none
}

div[data-active-tab="#pt-reset-password"] .pt-reset-password,div[data-active-tab="#pt-reset-password"] .pt-login-footer,div[data-active-tab="#pt-login"] .pt-login,div[data-active-tab="#pt-register"] .pt-register,div[data-active-tab="#pt-register"] .pt-login-footer,div[data-active-tab="#pt-login"] .pt-register-footer {
  display: block
}

.pt-loading {
  display: none
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.alert > p,.alert > ul {
  margin-bottom: 0
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0
}

#pt-user-modal h3 {
  clear: none;
  margin-bottom: 20px
}

.form-field {
  margin: 20px 0;
  position: relative
}

@media (min-width: 768px) {
  .modal-dialog {
      width:600px;
      margin: 70px auto
  }

  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
      box-shadow: 0 5px 15px rgba(0,0,0,0.5)
  }
}

.modal-dialog .close {
  box-shadow: none;
  width: 20px
}

.modal-dialog .close:hover {
  background-color: transparent;
  opacity: 1
}

.modal-body .form-field {
  overflow: hidden;
  margin-top: 0
}

.modal-body .form-field a.alignright {
  margin-bottom: 0;
  margin-top: 8px
}

.modal-body .form-field .btn,.modal-body .form-field {
  margin-bottom: 0
}

.modal-body input[type="text"],.modal-body input[type="password"],.modal-body input[type="email"] {
  border: 1px solid #eee
}

.pt-errors:empty {
  margin-top: 0
}

.pt-errors {
  margin-top: 20px
}

.alert {
  clear: both
}

.alert:last-child {
  margin-bottom: 0
}

@media screen and (-ms-high-contrast:none) {
  * {
      min-height: 0%
  }
}

@media screen and (max-width: 62em) {
  .navbar-notice {
      width:100%
  }

  #SearchDesktop {
      display: none
  }

  #SearchMobile {
      display: block!important;
      position: absolute;
      right: 80px;
      top: 15px
  }

  .user-name-text {
      display: block!important;
      float: left;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700
  }

  .manage-notifi {
      width: 250px
  }

  .Header .Rght {
      position: fixed;
      left: -270px;
      top: 0;
      height: 100%;
      transition: 0.2s;
      z-index: 10;
      opacity: 0;
      box-shadow: 0 0 20px rgba(0,0,0,0.5);
      width: 270px;
      padding: 1rem;
      overflow-y: auto;
      overflow-x: hidden
  }

  .Header .Rght:before {
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 0 10px 0 rgba(0,0,0,0.5);
      position: absolute;
      z-index: -1;
      transition: 0.2s
  }

  .Header .Menu {
      margin: 0 -1rem
  }

  .Logo {
      padding-right: 4rem
  }

  .sub-menu.show {
      opacity: 1;
      max-height: 999em;
      padding: 5px 0
  }

  .sub-menu > li {
      float: left;
      width: 50%;
      font-size: 0.7rem
  }

  .sub-menu > li > a {
      padding-right: 0.5rem
  }

  .sub-menu .sub-menu > li {
      float: none;
      width: auto
  }

  .menu-item-has-children > i:before {
      right: 1rem
  }

  .Login {
      margin-bottom: 1rem;
      background: #090b0c;
      padding: 19px
  }

  label.LnkUser {
      position: relative;
      top: -10px;
      right: -10px
  }

  .MenuBtnClose {
      opacity: 0;
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      transition: 0.2s;
      visibility: hidden;
      z-index: 9
  }

  .Tp-Wp.show .Header {
      opacity: 1;
      top: 0;
      z-index: 3
  }

  .Tp-Wp.show .Header .Rght {
      left: 0;
      opacity: 0.9
  }

  .Tp-Wp.show .Header .Rght:before {
      left: 0
  }

  .Tp-Wp.show .MenuBtnClose {
      visibility: visible;
      opacity: 1
  }

  .Tp-Wp.show .Body,.Tp-Wp.show .Footer {
      filter: blur(5px)
  }

  .Body {
      padding: 0
  }

  html[class] > body .Footer .MnBrCn,html[class] > body .MnBrCn .MnBr {
      border-radius: 0!important
  }

  .Footer .MnBrCn {
      max-width: none;
      margin-left: -1.25rem;
      margin-right: -1.25rem
  }

  .Footer .Logo {
      padding-right: 0;
      text-align: center
  }

  .Footer .Menu {
      margin-bottom: 1rem
  }

  .Footer .Menu > ul > li {
      margin-bottom: 0.5rem
  }

  .Footer .Menu > ul > li > a {
      border-radius: 20px
  }

  .Footer .Menu > ul > li > i.On + a {
      margin-bottom: 0.5rem
  }

  .Footer .Menu .sub-menu {
      border-radius: 10px
  }

  .Footer .Menu .sub-menu.show {
      max-height: 200px
  }

  .Footer .Menu .sub-menu.show:hover {
      overflow: auto
  }

  .Footer .Menu > ul > li:last-child {
      margin-bottom: 0
  }

  .ListSocial {
      margin-bottom: 1.5rem
  }

  .qtip {
      opacity: 0!important;
      pointer-events: none
  }

  .TPost.D .Image {
      margin-bottom: 0.5rem
  }

  .TPost.D .Image img {
      border-radius: 10px 10px 0 0
  }

  .TPost.D .TPMvCn {
      padding: 0 1.25rem 1.25rem;
      box-shadow: none;
      background-color: transparent
  }

  .MovieListSldCn,.MovieListSld {
      position: relative
  }

  .MovieListSld {
      z-index: 2
  }

  .MovieListSldCn:after,.MovieListSldCn:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      z-index: 1
  }

  .MovieListSldCn:before {
      opacity: 0.1
  }

  .MovieListSldCn:after {
      border: 1px solid transparent;
      opacity: 0.2
  }

  .TpRwCont > main {
      margin-bottom: 1.2rem
  }

  .widget_categories > ul {
      margin: 0 -5px
  }

  .widget_categories > ul > li {
      float: left;
      margin-right: 5px
  }
}

@media screen and (max-width: 48em) {
  .widget_categories >;
  ul >; li {
      width: calc(50% - 5px)
  }
}

@media screen and (max-width: 34em) {
  .TPost.Single .Description {
      font-size:0.75rem;
      max-height: 250px
  }

  .widget_categories > ul > li > a {
      font-size: 0.7rem
  }
}

@media screen and (max-width: 24em) {
  .Header .Rght {
      left:-235px;
      width: 235px
  }

  .Header .Rght:before {
      width: 235px
  }

  .TPTblCnMvs tr > th:first-child,.TPTblCnMvs tr > td:first-child {
      display: none
  }

  .widget_categories > ul > li {
      font-size: 0;
      padding: 0 5px
  }

  .widget_categories > ul > li > a {
      padding: 0 0 0 10px
  }
}

@media screen and (min-width: 34em) {
  .MovieTabNav .Lnk {
      margin-right:2.5rem
  }
}

@media screen and (min-width: 48em) {
  .TPost.Single header {
      padding-left:200px;
      position: relative;
      min-height: 140px
  }

  .TPost.Single .Title,.TPost.Single .SubTitle {
      white-space: nowrap;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden
  }

  .TPost.Single .SubTitle {
      margin-bottom: 10px
  }

  .TPost.Single .Image {
      position: absolute;
      left: 0;
      top: 0
  }

  .TPost.Single .Info {
      float: right;
      margin-top: 10px
  }

  .VotesCn {
      float: left;
      margin-bottom: 0;
      padding-right: 20px;
      border-right: 1px solid transparent;
      margin-right: 20px
  }

  .TPost.Single .Info {
      float: left;
      margin-bottom: 0
  }

  .ListPOpt {
      margin-top: 5px
  }

  .MovieTabNav .Lnk {
      font-size: 0.875rem
  }
}

@media screen and (min-width: 48em) and (max-width:62em) {
  .Footer .sub-menu >;
  li {
      width: 33.33333333333333%
  }

  .TPost.Single .Description {
      margin-bottom: 0;
      max-height: 180px
  }

  .widget_categories > ul {
      overflow: auto;
      margin: 0 -5px
  }

  .widget_categories > ul > li {
      float: left;
      width: calc(33.33333333333333% - 5px);
      margin-right: 5px
  }
}

@media screen and (min-width: 62em) {
  :before,:after {
  }

  .Header .Rght {
      background-color: transparent
  }

  .Logo,.MnBr .Menu,.MnBr .Menu > ul > li {
      float: left
  }

  .Menu > ul > li > a {
      line-height: 60px
  }

  .Menu .menu-item-has-children {
      position: relative
  }

  .Menu .sub-menu,.widget_nav_menu .sub-menu {
      position: absolute;
      top: 100%;
      background-color: #fff;
      border-radius: 0 0 10px 10px;
      margin-top: -3px;
      border-top: 3px solid transparent;
      visibility: hidden;
      opacity: 0;
      z-index: 10
  }

  .Menu .sub-menu {
      left: 1rem;
      width: 400px
  }

  .Menu .sub-menu > li {
      float: left;
      width: 33.33333333333333%
  }

  .Menu li:hover .sub-menu,.widget_nav_menu li:hover .sub-menu {
      max-height: 200px;
      opacity: 1;
      padding: 0.5rem 0;
      visibility: visible
  }

  .Menu li:hover .sub-menu:hover,.widget_nav_menu li:hover .sub-menu:hover {
      overflow: auto
  }

  .menu-item-has-children > i {
      height: 90px;
      pointer-events: none
  }

  .Menu > ul > li.current-menu-item > a,.Menu > ul > li.current-cat > a {
      position: relative
  }

  .Menu > ul > li.current-menu-item > a:before,.Menu > ul > li.current-cat > a:before {
      height: 3px;
      left: 1rem;
      right: 1rem;
      bottom: 0;
      content: "";
      display: block;
      position: absolute
  }

  .Menu > ul > li.menu-item-has-children > a:before {
      right: 1.5rem
  }

  .Menu > ul > li.menu-item-has-children:after,.widget_nav_menu > div > ul > li.menu-item-has-children:after {
      content: "";
      position: absolute;
      left: 2rem;
      bottom: -5px;
      opacity: 0;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      visibility: hidden;
      transition: 0.2s
  }

  .Menu > ul > li.menu-item-has-children:hover:after,.widget_nav_menu > div > ul > li.menu-item-has-children:hover:after {
      visibility: visible;
      opacity: 1;
      bottom: 3px
  }

  .Search,.Login {
      padding: 13px 0
  }

  .Search .Form-Icon {
      margin-bottom: 0
  }

  .Search {
      display: inline-block;
      vertical-align: top;
      width: 200px
  }

  .Login {
      float: right;
      margin-left: 10px;
      position: relative
  }

  .Body {
      padding: 1.25rem
  }

  .Body .Content {
      border-radius: 3px
  }

  .ListSocial {
      float: right;
      top: 8px;
      position: relative
  }

  .AZList > li {
      width: 3.7%
  }

  .Result {
      width: 300px
  }

  .TpRwCont {
      display: table;
      width: 100%;
      table-layout: fixed
  }

  .TpRwCont > main,.TpRwCont > aside {
      display: table-cell;
      vertical-align: top
  }

  .TpRwCont > main {
      padding-right: 1.25rem
  }

  .TpRwCont > aside {
      width: 300px
  }

  .TpRwCont.TpLCol {
      direction: rtl
  }

  .TpRwCont.TpLCol > main,.TpRwCont.TpLCol > aside {
      direction: ltr
  }

  .TpRwCont.TpLCol > main {
      padding-right: 0;
      padding-left: 1.25rem
  }

  .TpRwCont.NoSdbr > main {
      padding-left: 0;
      padding-right: 0
  }

  .TPost.D .TPMvCn {
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 350px;
      box-shadow: none;
      padding: 1.25rem;
      border-radius: 10px 0 0 10px;
      z-index: 2;
      min-width: 450px;
      overflow: auto
  }

  .TPost.D .Image:before {
      border-radius: 10px;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1
  }

  .TPost.D .Image figure {
      padding-top: 350px
  }

  .TPost.D .Title {
      font-size: 1.875rem;
      max-height: 62px;
      padding: 0;
      line-height: 1;
      margin-bottom: 0.3em
  }

  .TPost.D .Description {
      font-size: 0.875rem
  }

  .TPost.D .Description p,.TPost.D .Description p[class] span {
      opacity: 0.7
  }

  .TPost.D .Description p[class] {
      opacity: 1;
      font-size: 0.75rem
  }

  .MovieListSld .owl-controls {
      top: 320px
  }

  .TPost.C .TPMvCn {
      position: absolute;
      left: 80%;
      top: 50%;
      width: 170%;
      max-width: 270px;
      pointer-events: none;
      z-index: 10;
      animation-name: zoomIn;
      padding: 1rem 1.25rem 1.25rem;
      transform: translateY(-50%)!important;
      margin-top: -25px
  }

  _:-ms-lang(x),.TPost.C .TPMvCn {
      animation: none
  }

  .TPost.C .TPMvCn:before {
      content: "";
      position: absolute;
      left: -9px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 10px solid #fff;
      border-bottom: 10px solid transparent
  }

  .TPost.C:hover {
      position: relative
  }

  .TPost.C:hover .TPMvCn {
      display: block
  }

  .TPost.Single header {
      min-height: 140px
  }

  .TPost.Single footer {
      margin-left: 200px;
      position: relative
  }

  .Menu li li[class*="AAIco-"]:before,.Menu li li[class*="fa-"]:before {
      line-height: 37px
  }

  .Menu > ul > li[class*="AAIco-"]:before,.Menu > ul > li[class*="fa-"]:before {
      line-height: 90px
  }

  .FullW .Body {
      padding: 0
  }

  .FullW .Body .Content {
      border-radius: 0
  }

  .FullW .Container {
      max-width: none
  }

  .FullW .Footer .MnBrCn,.FullW .Footer .MnBrCn .MnBr {
      border-radius: 0!important
  }

  .FullW .Footer .MnBrCn {
      max-width: none;
      margin-left: -1.25rem;
      margin-right: -1.25rem
  }

  .Footer .Menu .menu-item-has-children:after {
      display: none
  }

  .Footer .Menu .sub-menu {
      top: auto!important;
      bottom: 0;
      border-top: 0
  }

  .Footer .Menu .sub-menu {
      bottom: 100%
  }
}

@media screen and (min-width: 62em) and (max-width:70em) {
  .TpRwCont.TpLCol:not(.NoSdbr) .MovieList >;
  li:nth-child(4n-1) .TPMvCn,.TpRwCont.TpLCol:not(.NoSdbr) .MovieList >; li:nth-child(4n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(4n-1) .TPMvCn:before,.TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(4n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 20%
  }

  .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(5n-1) .TPMvCn,.TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(5n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(5n-1) .TPMvCn:before,.TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(5n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

@media screen and (min-width: 70em) {
  body:not(.FullW) .TpRwCont.TpLCol:not(.NoSdbr) .MovieList >;
  li:nth-child(5n-1) .TPMvCn,body:not(.FullW) .TpRwCont.TpLCol:not(.NoSdbr) .MovieList >; li:nth-child(5n) .TPMvCn {
      left: auto;
      right: 80%
  }

  body:not(.FullW) .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(5n-1) .TPMvCn:before,body:not(.FullW) .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(5n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  body:not(.FullW) .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 14.28571428571429%
  }

  body:not(.FullW) .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n-1) .TPMvCn,body:not(.FullW) .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n) .TPMvCn {
      left: auto;
      right: 80%
  }

  body:not(.FullW) .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n-1) .TPMvCn:before,body:not(.FullW) .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

@media screen and (min-width: 70em) and (max-width:83em) {
  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList >;
  li:nth-child(5n-1) .TPMvCn,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList >; li:nth-child(5n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(5n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(5n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 14.28571428571429%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n-1) .TPMvCn,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(7n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

@media screen and (min-width: 83em) and (max-width:90em) {
  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList.Rows >;
  li {
      width: 16.66666666666667%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(6n-1) .TPMvCn,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(6n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(6n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(6n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 12.5%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(8n-1) .TPMvCn,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(8n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(8n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(8n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

@media screen and (min-width: 90em) and (max-width:100em) {
  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList.Rows >;
  li {
      width: 14.28571428571429%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(7n-1) .TPMvCn,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(7n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(7n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(7n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 11.11111111111111%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(9n-1) .TPMvCn,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(9n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(9n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(9n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

@media screen and (min-width: 100em) {
  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList.Rows >;
  li {
      width: 12.5%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(8n-1) .TPMvCn,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(8n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(8n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol:not(.NoSdbr) .MovieList > li:nth-child(8n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList.Rows > li {
      width: 10%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(10n-1) .TPMvCn,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(10n) .TPMvCn {
      left: auto;
      right: 80%
  }

  .FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(10n-1) .TPMvCn:before,.FullW .TpRwCont.TpLCol.NoSdbr .MovieList > li:nth-child(10n) .TPMvCn:before {
      border-right: 0;
      border-left: 10px solid #fff;
      left: auto;
      right: -9px
  }
}

.jm1 {
  color: #000
}

body {
   background-color: #121212;
}

.Body .Content {
  background-color: #1a1a1a
}

.ClA,a:hover,.Form-Icon input + i,.Form-Icon textarea + i,.Year,.SearchMovies label:before,.SearchMovies .sol-active .sol-caret:before,.SearchMovies .Form-Select select:focus + label:before,.widget_nav_menu > div > ul > li:hover:before,.widget_nav_menu > div > ul > li.current-menu-item:before,.widget_nav_menu > div > ul > li:hover > a,.widget_nav_menu > div > ul > li.current-menu-item > a,.widget_nav_menu > div > ul > li > i.On + a,.widget_nav_menu > div > ul > li > i.On + a:before,.Wdgt > .Title > span,.comment-reply-link:before,.Comment p a,.SearchMovies .Form-Group input:focus + i {
  color: #7d7d7d
}

.Search .Form-Icon input {
  border-color: #1a1a1a
}

@media screen and (min-width: 62em) {
  .Menu li li[class*="AAIco-"]:before,.Menu li li[class*="fa-"]:before {
      color:#1a1a1a
  }
}

.Menu > ul > li:hover:before,.Menu > ul > li.current-menu-item:before,.Menu > ul > li:hover > a,.Menu > ul > li.current-menu-item > a,.Menu > ul > li.current-cat:before,.Menu > ul > li.current-cat > a,.menu-item-has-children > i,p.Info > span.Vote:before,.TpMvPlay:before,.TPMvCn,.Button.STPa,.Description p[class]:before,.TPost.Single .Title,.TPlayer .Title strong,.MovieInfo .InfoList li a,.InfoList > li:before,.InfoList span:before,.MovieTabNav .Lnk.on,.MovieTabNav .Lnk.on:before,.ClB {
  color: #ffc107
}

.ListSocial > li > a.Up,.Button.STPa:hover,.wp-pagenavi a:hover:after,.Wdgt > .Title:after,.Wdgtads > .Title:after,.TPost .Top,.ListPOpt > li > a.Fav.On,.BgB {
  background-color: #ffc107
}

.Qlty {
  background-color: #e62117
}

.TPost .Top {
  background-color: #ffc107
}

.Button.STPa,.pie,.percircle .bar,.gt50 .fill {
  border-color: #ffc107
}

.Result,.TPost .Top > i:after,.TPost .Top > i:before,.SearchMovies .sol-selection-container,.SearchMovies .sol-selection-top .sol-selection-container:before,.MovieTabNav .Lnk.on:after,.trsrcbx {
  border-top-color: #ffc107
}

.TPost .Top > i:after,.TPost .Top > i:before {
  border-top-color: #ffc107
}

.Result:before,.TPost .Top:before,.SearchMovies .sol-selection-top .sol-selection-container,.SearchMovies .sol-selection-container:before,.trsrcbx:before {
  border-bottom-color: #ffc107
}

.TPost .Top:before {
  border-bottom-color: #ffc107
}

.MovieTabNav .Lnk.on {
  box-shadow: inset 0 -3px 0 #ffc107
}

@media screen and (max-width: 62em) {
  .menu-item-has-children >;
  i.On + a {
      color: #ffc107
  }
}

@media screen and (min-width: 62em) {
  .Menu >;
  ul >; li.current-menu-item >; a:before,.Menu >; ul >; li.current-cat >; a:before {
      background-color: #ffc107
  }

  .Menu > ul > li.menu-item-has-children:after,.widget_nav_menu > div > ul > li.menu-item-has-children:after {
      border-bottom-color: #ffc107
  }

  .Menu .sub-menu,.widget_nav_menu > div > ul .sub-menu {
      border-top-color: #ffc107
  }
}

.Button,a.Button,button,input[type="button"],input[type="reset"],input[type="submit"],.show .MenuBtn,.show .MenuBtn:hover,.AZList > li.Current:before,.Button.STPb.Current,.MovieListSld .owl-controls .owl-page.active,.wp-pagenavi span.current:after,.TPost .Top.Num1,.sol-selected-display-item:hover,.trsrclst > li:hover,.ListPOpt > li > a.Rep,.ListPOpt > li > a.Fav,.TPlayer .lgtbx-lnk:hover,.BgC {
  background-color: #b71c1c
}

.TPost .Top.Num1 > i:before,.TPost .Top.Num1 > i:after {
  border-top-color: #b71c1c
}

.TPost .Top.Num1:before {
  border-bottom-color: #b71c1c
}

body,.AZList > li > a,.MenuFt > ul > li > a,.TPMvCn,.wp-pagenavi a,.TPost.C .Description p[class] span,.SearchMovies .Form-Group input {
  color: #464b4d
}

.AZList > li:before,.MenuFt > ul > li > a:hover,.Button.STPb,.MovieListSldCn:before,.wp-pagenavi a:after,.wp-pagenavi span:after,.Wdgt:before,.Wdgt > .Title:before,.Wdgtads > .Title:before,.SearchMovies .sol-label:before,.sol-selected-display-item,.trsrclst > li,.trsrcbx label:before {
  background-color: #464b4d
}

.MenuFt > ul > li > a,.MovieListSldCn:after {
  border-color: #464b4d
}

.TPost.B .Title {
  background: -moz-linear-gradient( top,rgba(0,0,0,0) 0,rgba(0,0,0,0.65) 100% );
  background: -webkit-linear-gradient( top,rgba(0,0,0,0) 0,rgba(0,0,0,0.65) 100% );
  background: linear-gradient( to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.65) 100% )
}

.TpMvPlay:before {
  box-shadow: 0 0 0 2px #fff,0 0 10px rgba(0,0,0,0.5)
}

.Body .Content {
  box-shadow: 0 0 20px rgba(0,0,0,0.05)
}

.TPostBg:after {
  box-shadow: inset 0 0 100px rgba(0,0,0,0.5)
}

.percircle {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2)
}

.TPost.Single footer {
  border-top-color: rgba(255,255,255,0.2)
}

.MovieTabNav {
}

.VotesCn {
  border-right-color: rgba(255,255,255,0.2)
}

.InfoList {
  color: rgba(255,255,255,0.7)
}

.Result,.SearchMovies .sol-container.sol-active .sol-selection-container,.TPMvCn,.trsrcbx {
  box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.CommentsList li li .Comment,.Form-Select label,.MovieListSld .owl-controls .owl-page,.Result,.TPMvCn,.sol-inner-container,.sol-selection-container,.trsrcbx,.widget_categories > ul li,.widget_nav_menu > div > ul > li.current-menu-item,.widget_nav_menu > div > ul > li:hover,.widget_nav_menu > div > ul > li > i.On + a,.widget_nav_menu > div > ul > li > i.On + a + ul,input,select,textarea {
  background-color: #fff
}

.Search .Form-Icon input:focus,.TpMvPlay:before {
  background-color: rgba(0,0,0,0.4)
}

.TPost .Top:after {
  border-bottom-color: rgba(0,0,0,0.4)
}

.Search .Form-Icon input,.TPlayer .Title,.TPlayer .lgtbx-lnk,.TPostBg:after {
   background-color: rgba(0,0,0,0.6)
}

.AZList > li.Current > a,.AZList > li > a:hover,.Button,.Button.STPa:hover,.InfoList span,.InfoList strong,.ListSocial a,.MenuFt > ul > li > a:hover,.MnBr .Menu > ul > li > a,.Qlty,.Search .Form-Icon input,.TPlayer .Title,.TPlayer .lgtbx-lnk,.TPost .Top.Num1,.TPost.B .Title,.TPost.Single,.TPost.Single a,.qtip,.sol-selected-display-item,.trsrclst > li,.widget_categories > ul li:hover,.wp-pagenavi a:hover,.wp-pagenavi span.current,a.Button,button,input[type="button"],input[type="reset"],input[type="submit"] {
  color: #fff
}

.ListPOpt > li > a.Fav.On,.ListSocial > li > a.Up,.TPTblCn th,.TPost .Top,.TPost.C .TPMvCn .Title,.Wdgt > .Title,.Wdgtads > .Title {
  color: #fff
}

section > .Top > h1 .fa {
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px
}

section > .Top > h2 {
  color: #828282;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500
}

section > .Top > h2 .fa {
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px
}

section .Top a.STPb {
  padding: 1px;
  line-height: 40px;
  color: gray;
  display: inline-block;
  font-size: 14px
}

section .Top a.STPb.Current {
  color: #f44336
}

.TPost .Top {
  color: #333
}

.TPost.C .Description p[class],.TPost.C .Description p[class] a {
  color: #333
}

.ListGall figure:after,.ListVids figure:after {
  background-color: #000
}

.ListPOpt > li > a.Fcb,.ListPOpt > li > a.Ggl,.ListPOpt > li > a.Twt {
  border-color: #fff
}

@media screen and (max-width: 62em) {
  .Footer .Menu >;
  ul >; li >; a,.MnBr .menu-item-has-children >; i.On + a {
      background-color: rgba(0,0,0,0.2)
  }

  .MnBr .sub-menu {
      background-color: rgba(0,0,0,0.4)
  }

  .Menu li[class*="AAIco-"]:before,.Menu li[class*="fa-"]:before,.MnBr .sub-menu a {
      color: #fff
  }
}

@media screen and (min-width: 62em) {
  .Menu .sub-menu,.widget_nav_menu >;
  div >; ul .sub-menu {
      box-shadow: 0 0 10px rgba(0,0,0,0.1)
  }

  .TPost.D .Image:before,.TPost.D .TPMvCn {
      background-color: rgba(0,0,0,0.4);
      color: #fff
  }

  .Menu > ul > li[class*="AAIco-"]:before,.Menu > ul > li[class*="fa-"]:before,.TPost.D .Description a,.TPost.D .Title {
      color: #fff
  }
}

#loading {
  background-color: #292838;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 10;
  margin-top: 0;
  top: 0;
  display: none
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite
}

.object {
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px
}

.object:nth-child(2n + 0) {
  margin-right: 0
}

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite
}

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite
}

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite
}

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite
}

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

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

@-webkit-keyframes object_one {
  50% {
      -ms-transform: translate(20px,20px);
      -webkit-transform: translate(20px,20px);
      transform: translate(20px,20px)
  }
}

@keyframes object_one {
  50% {
      -ms-transform: translate(20px,20px);
      -webkit-transform: translate(20px,20px);
      transform: translate(20px,20px)
  }
}

@-webkit-keyframes object_two {
  50% {
      -ms-transform: translate(-20px,20px);
      -webkit-transform: translate(-20px,20px);
      transform: translate(-20px,20px)
  }
}

@keyframes object_two {
  50% {
      -ms-transform: translate(-20px,20px);
      -webkit-transform: translate(-20px,20px);
      transform: translate(-20px,20px)
  }
}

@-webkit-keyframes object_three {
  50% {
      -ms-transform: translate(20px,-20px);
      -webkit-transform: translate(20px,-20px);
      transform: translate(20px,-20px)
  }
}

@keyframes object_three {
  50% {
      -ms-transform: translate(20px,-20px);
      -webkit-transform: translate(20px,-20px);
      transform: translate(20px,-20px)
  }
}

@-webkit-keyframes object_four {
  50% {
      -ms-transform: translate(-20px,-20px);
      -webkit-transform: translate(-20px,-20px);
      transform: translate(-20px,-20px)
  }
}

@keyframes object_four {
  50% {
      -ms-transform: translate(-20px,-20px);
      -webkit-transform: translate(-20px,-20px);
      transform: translate(-20px,-20px)
  }
}

.MovieInfo.TPost.SeasonList {
  color: #fff
}

.MovieInfo.TPost.SeasonList .season_item {
  overflow-x: auto;
  white-space: nowrap;
  margin: 0 -15px
}

.MovieInfo.TPost.Single {
  color: #fff;
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden
}

.MovieInfo .InfoList {
  color: #d7d7d7;
  font-size: 12px
}

.MovieInfo .InfoList strong {
  color: #fff;
  font-size: 12px
}

.MovieInfo .TPostBg:before {
}

.MovieInfo .TPostBg:after {
  background: #78909c;
  opacity: 0.1;
  box-shadow: none
}

.MovieTabNav {
  background: #1a1a1a;
  padding: 20px 10px 0
}

#MvTb-Image,#MvTb-Cast,#MvTb-Info {
  padding: 0 20px 20px
}

#MvTb-Trailer {
  padding: 0 20px
}

#MvTb-Trailer h2 {
  color: #000
}

.MovieInfo .quality {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  background: #222;
  color: #fff;
  margin-left: 2px;
  padding: 2px 5px;
  border-radius: 3px
}

.MovieInfo .imdb {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  background: #ce1b1b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.MovieInfo .mvici-left {
  float: left;
  width: 48%;
  margin-right: 2%
}

.MovieInfo .mvici-right {
  float: left;
  width: 50%
}

.clearfix:before,.clearfix:after {
  display: table;
  content: " "
}

.clearfix:before,.clearfix:after {
  display: table;
  content: " "
}

.clearfix:after {
  clear: both
}

.ListCast figcaption {
  color: #fff
}

.videobox {
  width: 100%;
  float: left
}

.videobox .embed {
  padding-bottom: 56.25%;
  height: 0
}

.ImageMovieList {
  text-align: center
}

#mv-keywords {
  margin-bottom: 20px;
  padding: 20px;
  display: block;
  clear: both;
  background: #f5f5f5;
  margin-top: -20px
}

#mv-keywords strong {
  color: #333
}

#mv-keywords a {
  color: #888
}

#mv-keywords a:before {
  content: "#"
}

.TPost .show.TpMvPlay:before {
  opacity: 1;
  transform: scale(1)
}

#media-player-box {
  display: block;
  height: auto;
  background-color: #222;
  background-image: radial-gradient(#323232,#111111);
  background-image: -webkit-radial-gradient(#323232,#111111);
  background-image: -moz-radial-gradient(#323232,#111111);
  background-image: -o-radial-gradient(#323232,#111111);
  background-position: center;
  background-image: url(../images/tWcQQmL.gif);
  background-repeat: no-repeat;
  position: relative;
  height: 563px;
}

#media-player-box-mobile {
  display: block;
  height: auto;
  background-color: #222;
  background-image: radial-gradient(#323232,#111111);
  background-image: -webkit-radial-gradient(#323232,#111111);
  background-image: -moz-radial-gradient(#323232,#111111);
  background-image: -o-radial-gradient(#323232,#111111);
  background-position: center;
  background-image: url(../images/tWcQQmL.gif);
  background-repeat: no-repeat;
  position: relative;
  height: 250px
}

.user-action {
  padding: 16px 15px;
  background: #1a2023;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

#watch-block.large-player #btn-capture-frame {
  display: inline-block!important
}

.btn-cs {
  display: inline-block!important;
  outline: none;
  white-space: nowrap;
  border: 1px!important;
  color: #adadad;
  font-size: 0.875rem!important;
  line-height: initial!important;
  text-decoration: none;
  cursor: pointer;
  margin-right: 3px;
  padding: 5px 13px
}

.btn-cs:hover {
  color: #000;
  background: #ffc107;
  border-radius: 10px
}

.btn-cs > * {
  display: inline-block
}

.btn-cs > .btn-cs-icon:before {
  content: "\00a0"
}

.btn-cs > .btn-cs-icon {
  background-image: url(../img/image.html)!important;
  width: 16px;
  height: 16px;
  margin-right: 0
}

.icon-add-sm {
  background-position: -2px -508px
}

.icon-light-sm {
  background-position: -24px -508px
}

.icon-expand-sm {
  background-position: -43px -509px;
  bottom: 1px
}

.icon-autonext-sm {
  background-position: -85px -508px
}

.icon-download-sm {
  background-position: -64px -510px
}

.icon-error-sm {
  background-position: -103px -510px
}

.icon-removead-sm {
  background-position: -179px -510px
}

.icon-capture-frame {
  background-position: -211px -509px
}

.list-server {
  margin-top: 0
}

.list-server .server {
  margin-bottom: 10px
}

.list-server .server .server-name {
  background: url(/Template/images/_server.png) no-repeat;
  height: 16px;
  padding-left: 22px;
  padding-top: 2px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 5px
}

.list-episode {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden
}

.list-episode .episode {
  float: left;
  margin: 2px
}

.list-episode .active {
  color: #fff;
  background: #f0ad4e
}

.list-server .server .server-name {
  background: url(/Template/images/_server.png) no-repeat;
  height: 16px;
  padding-left: 22px;
  padding-top: 2px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 5px
}

ul.server-list {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0
}

li.backup-server {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #7c7777;
  border-radius: 3px;
  padding: 3px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px
}

.backup-server > .server-title {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: #e3b71e;
  color: #000;
  padding: 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  white-space: nowrap
}

.backup-server > .server-title:after {
  content: ":"
}

.backup-server > ul.list-episode {
  display: inline-block;
  padding: 0
}

.backup-server > ul.list-episode .episode {
  padding: 0!important;
  margin: 0!important;
  float: none!important;
  display: inline-block!important
}

.backup-server a.btn-episode {
  font-size: 12px;
  font-weight: 700;
  background-color: #121212;
  color: #fff;
  padding: 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-left: 5px
}

.backup-server a.btn-episode:hover {
  background-color: #e87d7f;
  color: #702526
}

.backup-server a.btn-episode.active {
  background-color: #e87d7f;
  font-weight: 700;
  color: #702526
}

.btn3d {
  margin: 1px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  color: #ffff;
  border-radius: 3px 3px 2px 2px;
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: baseline;
  zoom:1.2;background-color: #4f4f4f
}

.btn3d.black {
  color: #f1f1f1;
  background-color: #4f4f4f
}

.btn3d.active {
  color: #e62117;
  background-color: #ffff
}

.btn3d:hover {
  color: #702526;
  background-color: #e46565
}

.btn3d:visited {
  background: #252525;
  color: #cec9c9
}

.btn3d.active:visited {
  background: #e62117;
  color: #ffff
}

.MovieTabNav.ControlPlayer {
  margin-bottom: 0;
  padding: 0;
  text-align: center
}

.MovieTabNav.ControlPlayer .Lnk.on:after {
  border-top-color: transparent
}

.MovieTabNav.ControlPlayer .Lnk {
  color: #dadada;
  padding-bottom: 0;
  padding: 20px 10px;
  margin-right: 5px;
  border-bottom: 0
}

.MovieTabNav.ControlPlayer .Lnk:hover {
  background: #292f31
}

.MovieInfo.TPost.Single {
  z-index: 1000
}

.notiny-container * {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.MovieInfo.TPost .latest_eps a {
  color: #fff;
  line-height: 25px;
  padding: 4px 8px;
  min-width: 25px;
  background: #4c4c4c;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
  font-weight: 500;
  border-radius: 1px;
  -webkit-transition: background 0.1s ease-in-out 0s;
  -khtml-transition: background 0.1s ease-in-out 0s;
  -moz-transition: background 0.1s ease-in-out 0s;
  -ms-transition: background 0.1s ease-in-out 0s;
  -o-transition: background 0.1s ease-in-out 0s;
  transition: background 0.1s ease-in-out 0s
}

.notiny-container {
  position: fixed;
  z-index: 9999
}

.latest_eps_mobi a {
  color: #fff;
  line-height: 25px;
  background: #4c4c4c;
  text-align: center;
  display: inline-block;
  margin: 0 4px;
  font-weight: 500;
  border-radius: 1px;
  -webkit-transition: background 0.1s ease-in-out 0s;
  -khtml-transition: background 0.1s ease-in-out 0s;
  -moz-transition: background 0.1s ease-in-out 0s;
  -ms-transition: background 0.1s ease-in-out 0s;
  -o-transition: background 0.1s ease-in-out 0s;
  transition: background 0.1s ease-in-out 0s
}

.notiny-container-fluid-top .notiny-base,.notiny-container-fluid-bottom .notiny-base {
  width: 100%;
  border-radius: 0
}

.notiny-container-fluid-top .notiny-base {
  margin-top: 0
}

.notiny-container-fluid-bottom .notiny-base {
  margin-bottom: 0
}

.notiny-img {
  display: none
}

@-webkit-keyframes notiny-animation-hide {
  0% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }

  20% {
      opacity: 1
  }

  30% {
      -webkit-transform: scale(1.2,1.2);
      transform: scale(1.2,1.2)
  }

  90% {
  }

  100% {
      opacity: 0;
      -webkit-filter: blur(4px);
      filter: blur(4px);
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }
}

@keyframes notiny-animation-hide {
  0% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }

  20% {
      opacity: 1
  }

  30% {
      -webkit-transform: scale(1.2,1.2);
      transform: scale(1.2,1.2)
  }

  90% {
  }

  100% {
      opacity: 0;
      -webkit-filter: blur(4px);
      filter: blur(4px);
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }
}

@-webkit-keyframes notiny-animation-show {
  0% {
      opacity: 0;
      -webkit-transform: scale(1,1);
      transform: scale(1,1);
      -webkit-filter: blur(4px);
      filter: blur(4px)
  }

  15% {
      opacity: 1
  }

  50% {
      -webkit-transform: scale(1.2,1.2);
      transform: scale(1.2,1.2)
  }

  90% {
      -webkit-filter: blur(0px);
      filter: blur(0px)
  }

  100% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }
}

@keyframes notiny-animation-show {
  0% {
      opacity: 0;
      -webkit-transform: scale(1,1);
      transform: scale(1,1);
      -webkit-filter: blur(4px);
      filter: blur(4px)
  }

  15% {
      opacity: 1
  }

  50% {
      -webkit-transform: scale(1.2,1.2);
      transform: scale(1.2,1.2)
  }

  90% {
      -webkit-filter: blur(0px);
      filter: blur(0px)
  }

  100% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }
}

@-webkit-keyframes notiny-animation-hover {
  0% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }

  100% {
      -webkit-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1)
  }
}

@keyframes notiny-animation-hover {
  0% {
      -webkit-transform: scale(1,1);
      transform: scale(1,1)
  }

  100% {
      -webkit-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1)
  }
}

.notiny-theme-dark {
  background-color: #202020;
  color: #f5f5f5
}

.notiny-theme-light {
  background-color: #f0f0f0;
  color: #202020
}

.notiny-theme-success {
  background-color: #5fb662;
  color: #fff
}

.notiny-theme-info {
  background-color: #4092d9;
  color: #fff
}

.notiny-theme-warning {
  background-color: #f2a12e;
  color: #fff
}

.notiny-theme-error {
  background-color: #ff3448;
  color: #fff
}

.notiny-default-vars {
  padding: 3px;
  margin: 2px 0;
  border-radius: 2px;
  min-height: 32px;
  max-width: 100vw
}

.notiny-default-vars .notiny-img {
  display: block;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  float: left
}

.notiny-default-vars .notiny-text {
  font-size: 13px;
  padding: 8px 5px 6px;
  display: block;
  overflow: hidden
}

.notiny-default-vars .notiny-with-img .notiny-text {
  padding-left: 6px
}

.k-animation-container {
  filter: grayscale(0)
}

div.notification {
  width: 100%;
  padding: 14px 20px
}

{
  border: none
}

.k-notification-success {
  background-color: #c8e6c9;
  color: #5fb662;
  border-color: #c8e6c9
}

.k-notification-info {
  background-color: #4092d9;
  color: #fff;
  border-color: #bbdefb
}

.k-notification-warning {
  background-color: #f2a12e;
  color: #fff;
  border-color: #fdefba
}

.k-notification-error {
  background-color: #ffcdd2;
  color: #ff3448;
  border-color: #ffcdd2
}

.k-notification-success {
  background-color: #5fb662;
  color: #fff
}

.k-notification-error {
  background-color: #ff3448;
  color: #fff
}

div.notification span.icons {
  float: left;
  width: 26px;
  padding-right: 14px;
  font-size: 1.6em
}

div.notification span.left {
  box-sizing: border-box;
  max-width: 300px
}

.clear {
  clear: both
}

div.notification span h2 {
  padding: 0;
  margin: 0;
  font-size: 1.7em;
  line-height: 1.2em;
  font-family: source sans pro,Arial,sans-serif
}

div.notification span p {
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  font-family: source sans pro,Arial,sans-serif
}

.btn-re-expand {
  position: absolute;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  font-size: 1.25rem;
  transition: 0.2s;
  display: none!important;
  margin-right: -50px;
  background: rgba(255,255,255,0.1)
}

.btn-re-expand:hover {
  transform: scale(1.2)
}

#watch-block.expand {
  z-index: 1000;
  position: fixed!important;
  top: 10px
}

#watch-block.expand .btn-re-expand {
  display: block!important
}

span.movie-status {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25)
}

span.movie-status {
  color: #fff;
  background-image: linear-gradient(#ed0509,#8e0002)
}

span.mli-eps {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  padding-top: 8px;
  text-align: center;
  height: 40px;
  border-radius: 50%;
  background: rgba(183,28,28,0.9);
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1em;
  text-shadow: 0 0 2px rgba(0,0,0,0.3)
}

span.mli-eps i {
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  margin-top: 3px
}

span.mli-quality {
  background: #fed700;
  border-radius: 3px;
  color: #222;
  font-size: 11px;
  font-weight: 500;
  height: auto;
  line-height: normal;
  padding: 4px 6px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: auto;
  font-family: helvetica neue,Helvetica,Arial,sans-serif
}

.TPost.C .TPMvCn .Title {
  color: #1a2023;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700
}

.list-movie-filter {
  overflow: visible;
  position: relative;
  display: block
}

.list-movie-filter .list-movie-filter-main {
  color: #ddd;
  display: block
}

.list-movie-filter .list-movie-filter-item {
  float: left;
  margin: 0 6px;
  width: 150px
}

.list-movie-filter .list-movie-filter-item select {
  background: #222
}

.list-movie-filter .list-movie-filter-main label {
  display: block
}

.btn-filter-movie {
  position: relative;
  top: 40px
}

.Lang .Button i,.LnkUser:before {
  line-height: 20px;
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  border-radius: 10px;
  right: -10px;
  top: 4px;
  background-color: #1a1a1a;
  color: #fff;
  transition: all 0.2s
}

.LnkUser {
  width: 63px;
  position: relative
}

.LnkUser:before {
  z-index: 2;
  right: -3px;
  border: 3px solid #1a1a1a;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  top: 1px
}

.LnkUser img {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -10px;
  left: 0;
  border-radius: 25px;
  z-index: 1
}

.Login ul {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 60px;
  transition: all 0.2s;
  width: 200px;
  border-radius: 5px;
  background-color: #1a1a1a;
  box-shadow: 0 0 20px rgba(0,0,0,0.3)
}

.Login ul:before {
  content: "";
  position: absolute;
  right: 35px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a1a1a
}

.Login ul a {
  color: #fff;
  display: block;
  padding: 10px 15px 10px 40px;
  position: relative;
  line-height: 20px;
  opacity: 0.5
}

.Login ul a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 0.5
}

#LnkUser:checked ~ ul {
  max-height: 999em;
  overflow: inherit;
  opacity: 1;
  padding: 10px 0;
  z-index: 10
}

#LnkUser:checked + .LnkUser:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9
}

.Login ul li {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.Login ul li:hover {
  background: #374850
}

.Login ul li:hover a {
  opacity: 1
}

#LnkUser:checked + .LnkUser:before {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

template,[hidden] {
  display: none!important
}

.announcement {
  margin: 0 auto 20px;
  width: 100%;
  background: #2d2d2d;
  padding: 10px;
  border-radius: 3px
}

.announcement .ann_title {
  padding: 5px 7px;
  background-color: rgba(0,0,0,0.17);
  border-radius: 50%;
  margin-right: 10px;
  color: #fff
}

.announcement .ann_text {
  font-size: 13px;
  color: #fff
}

.social-button {
  display: inline-block;
  position: relative;
  padding: 0 20px 20px;
  width: 100%
}

.social-button .item_social {
  float: left;
  margin: 0 10px 0 0;
  position: relative
}

.social-button .item_social.google {
  top: -4px
}

.ico-play {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  text-align: center;
  font-size: 1.5rem;
  z-index: 2;
  transform: scale(1);
  box-shadow: 0 0 0 2px #fff,0 0 10px rgba(0,0,0,0.5);
  color: #ffc107;
  display: block
}

.search-suggest {
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  background: #1a1a1a;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 60px;
  z-index: 99;
  border-radius: 3px
}

.search-suggest ul {
  list-style: none;
  padding: 0 0 40px;
  position: relative
}

.search-suggest ul li {
  padding: 5px 10px;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #888;
  border-bottom: 1px solid #222e33
}

.search-suggest ul li .thumb {
  float: left;
  width: 40px;
  height: 60px;
  background-position: 50% 25%;
  background-size: cover;
  display: inline-block
}

.search-suggest ul li .ss-info {
  padding-left: 50px;
  color: #888
}

.search-suggest ul li .ss-info a.ss-title {
  color: #969696;
  font-size: 13px;
  font-weight: 700
}

.search-suggest ul li .ss-info p {
  margin-bottom: 0
}

.search-suggest ul li.ss-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}

.search-suggest ul li.ss-bottom a {
  width: 100%;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #f44336;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.watch_button_more {
  position: absolute;
  font-size: 20px;
  bottom: 40px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  background: rgba(255,0,0,0.6);
  padding: 5px 0
}

ul.MovieList.Newepisode li {
  padding: 5px 6px 5px 5px;
  font-size: 13px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #171515;
  margin-bottom: 0
}

ul.MovieList.Newepisode li:hover {
  border-left: 5px solid #be3232
}

ul.MovieList.Newepisode li a {
  color: #ccc;
  padding: 7px 0
}

ul.MovieList.Newepisode li a span:first-child {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  vertical-align: middle;
  color: #ce9090
}

ul.MovieList.Newepisode li a span:last-child {
  display: inline-block;
  width: 30%;
  text-align: right;
  color: #5f5f5f;
  font-style: italic
}

ul.MovieList.Newepisode li:hover a span:first-child {
  color: #fff
}

ul.MovieList.Newepisode li:after {
  content: "";
  display: block;
  clear: both
}

#player_1 {
  width: 100%;
  height: 100%;
  background-color: #3c3c3c
}

.tab-pane {
  display: none
}

span.movie-close-button {
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  padding: 1px 6px;
  position: absolute;
  background: #b15f5f;
  z-index: 999
}

span.movie-close-button:hover {
  background: #e23030
}

.viewall {
  position: relative;
  margin: 0 0 10px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  padding: 5px;
  background: #1f2021
}

.av_facebook_widget_wrap {
  background: #fff!important
}

.loi-tat {
  display: block;
  position: fixed;
  left: 0
}

.S-lich li {
  display: list-item;
  list-style-type: none;
  text-align: -webkit-match-parent;
  background: #858585;
  width: 78px;
  cursor: pointer;
  font-weight: 700
}

.S-lich li:hover {
  padding-right: 12px;
  color: #fff;
  background: #00a0ff
}

.S-lich a {
  color: #000;
  text-decoration: none;
  padding: 9px 12px;
  margin-bottom: 2px;
  margin-right: 2px;
  display: block;
  cursor: pointer
}

.S-lich a:hover {
  color: #fff
}

.S-lich {
  margin: 0;
  padding: 0
}

.list-top-movie {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative
}

.list-top-movie img {
  border: 2px solid #999;
  border-radius: 3px;
  width: 100px;
  height: 140px
}

.list-top-movie img:hover {
  opacity: 0.7
}

.list-top-movie .list-top-movie-item {
  clear: both;
  padding: 9px 5px;
  border-bottom: 1px solid #1f1f1f;
  overflow: hidden
}

.list-top-movie .list-top-movie-item:first-child {
  padding: 0;
  height: 120px
}

.list-top-movie .list-top-movie-item:nth-child(2n) {
  background: #131313
}

.list-top-movie .list-top-movie-item:last-child {
  border-bottom: 0
}

.list-top-movie .list-top-movie-item-thumb {
  float: left
}

.list-top-movie .list-top-movie-item-info {
  float: left;
  margin-left: 10px;
  z-index: 1;
  position: relative;
  width: 79%
}

.list-top-movie .list-top-movie-item:first-child .list-top-movie-item-info {
  bottom: -38px;
  width: 100%;
  padding: 0;
  margin: 0 10px
}

.list-top-movie .list-top-movie-item-info .list-top-movie-item-vn,.list-top-movie .list-top-movie-item-info .list-top-movie-item-en,.list-top-movie .list-top-movie-item-info .list-top-movie-item-view {
  display: block
}

.list-top-movie .list-top-movie-item .list-top-movie-item-info .list-top-movie-item-vn {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
  margin-right: 5px
}

.list-top-movie .list-top-movie-item:first-child .list-top-movie-item-info .list-top-movie-item-vn {
  font-size: 14px;
  text-transform: uppercase;
  bottom: -17px;
  position: relative;
  text-shadow: -1px 0 20px #482c6d,0 1px 20px #482c6d,1px 0 20px #482c6d,0 -1px 20px #482c6d
}

.list-top-movie .list-top-movie-item .list-top-movie-item-info .list-top-movie-item-en {
  font-size: 12px;
  color: #696969
}

.list-top-movie .list-top-movie-item:first-child .list-top-movie-item-info .list-top-movie-item-en {
  color: #fff;
  bottom: -15px;
  position: relative
}

.list-top-movie .list-top-movie-item-info .list-top-movie-item-vn:hover {
  color: #dacb46;
  text-decoration: none
}

a {
  line-height: 18px
}

.list-top-movie .list-top-movie-item a .status {
  background: #811204;
  color: #fff;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 5px;
  z-index: 2
}

.list-top-movie .list-top-movie-item:first-child a .status {
  top: 5px
}

.list-top-movie .list-top-movie-item:first-child {
  bottom: -18px;
  position: relative
}

.watch-notice {
  margin: 0 0 20px
}

.alert-info a {
  color: #31708f
}

.top-message {
  background-color: #dd0611;
  text-align: center;
  padding: 8px;
  position: relative;
  color: #fff;
  width: 100%;
  font-family: open sans,sans-serif;
  font-weight: 600;
  display: none
}

.top-message i.icon-stick {
  padding: 5px 7px;
  background-color: rgba(0,0,0,0.17);
  border-radius: 50%;
  margin-right: 10px
}

.tools-box {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0,0,0,0.5);
  border-radius: 3px;
  z-index: 1
}

.tools-box-bookmark {
  border-radius: 3px;
  cursor: pointer
}

.tools-box-bookmark:hover {
  background-color: rgba(0,0,0,0.8)
}

.tools-box-bookmark:after {
  display: block;
  content: "";
  clear: both;
  line-height: 0;
  height: 0
}

.bookmark-status {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  background-image: url(../images/image.png);
  background-repeat: no-repeat;
  background-position: 5000px 5000px
}

.tools-box-bookmark.normal .bookmark-status {
  background-position: -36px -836px
}

.tools-box-bookmark.normal:hover .bookmark-status {
  background-position: -65px -836px
}

.tools-box-bookmark.added .bookmark-status {
  background-position: -95px -836px
}

.tools-box-bookmark.added:hover .bookmark-status {
  background-position: -95px -866px
}

.tools-box-bookmark.normal .bookmark-action:after {
  content: "Theo dõi"
}

.tools-box-bookmark.normal:hover .bookmark-action:after {
  content: "Theo dõi"
}

.tools-box-bookmark.added .bookmark-action:after {
  content: "Đã theo dõi"
}

.tools-box-bookmark.added:hover .bookmark-action:after {
  content: "Bỏ theo dõi"
}

.bookmark-action {
  padding: 5px 10px 5px 0;
  display: inline-block;
  float: left
}

.Ads {
  overflow: hidden;
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto 10px
}

.ad-center-980 {
}

#inx-content {
  position: fixed;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: 554px 450px;
  width: 700px;
  height: 450px;
  z-index: 99999999;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  display: none
}

#ins-close-button {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 95%;
  top: -1px;
  width: 20px;
  height: 36px;
  border: none;
  color: #ffff;
  font-size: 42px;
  font-weight: 700;
  cursor: pointer
}

#ins-close-buttonPC {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -1px;
  width: 20px;
  height: 36px;
  border: none;
  color: #ffff;
  font-size: 42px;
  font-weight: 700;
  cursor: pointer
}

#ins-close-buttonPC {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 82%;
  top: -15px;
  width: 20px;
  height: 36px;
  border: none;
  color: #ffff;
  font-size: 42px;
  font-weight: 700;
  cursor: pointer
}

#inx-overlay {
  display: none;
  z-index: 9999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8
}

@media (max-width: 992px) {
  #inx-content {
      width:300px;
      height: 250px
  }
}

.release-banner {
  text-align: center;
  font-size: 14px;
  text-shadow: 1px 1px 1px #000;
  background-image: linear-gradient( 135deg,rgb(35,39,47) 0%,rgb(61,86,133) 100% )!important;
  font-family: pridi,serif!important
}

.release-banner div:first-child {
  font-size: 20px;
  padding-bottom: 10px
}

.ah-bg-bd {
  background: #2b2b2b;
  border: 1px solid #4a4a4a;
  box-sizing: border-box;
  border-left: 0!important
}

.ah-pd {
  padding: 10px;
  color: #ccc!important
}

.Container > .conneclichchieu {
  background-color: #292b2b;
  padding: 0
}

span.rate-point {
  border-radius: 5px;
  position: absolute;
  color: #cac9c9!important;
  background: #903a3a;
  font-size: 12px;
  float: left;
  clear: both;
  padding: 1px 7px;
  text-shadow: 1px 1px 2px #111;
  right: 1px;
  bottom: 2px;
  white-space: nowrap;
  line-height: 1.42857143;
  display: inline-block;
  font: 13px/1.5 PingFangSC-Regular,Tahoma,"Microsoft Yahei",sans-serif
}

.sticky-footer {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  width: 100%
}

.second-sticky-footer {
  bottom: 50px
}

.third-sticky-footer {
  bottom: 100px
}

.four-sticky-footer {
  bottom: 150px
}

.second-pc-sticky-footer {
  bottom: 90px
}

.third-pc-sticky-footer {
  bottom: 180px
}

.sticky-footer-content {
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  position: relative
}

.sticky-pc-footer-content {
  width: 728px
}

.sticky-x-button {
  position: absolute;
  left: 10px!important;
  top: -15px!important;
  font-size: 16px;
  color: #222;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  padding: 4px 9px
}

.left-balloon {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 250px;
  z-index: 999
}

.x-left-balloon {
  position: fixed;
  left: 0;
  bottom: 224px;
  display: block;
  background: #222;
  color: #fff;
  cursor: pointer;
  padding: 3px 10px
}

.right-balloon {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 250px;
  z-index: 999
}

.x-right-balloon {
  position: fixed;
  right: 0;
  bottom: 224px;
  display: block;
  background: #222;
  color: #fff;
  cursor: pointer;
  padding: 3px 10px
}

.float-leftpc {
  position: fixed;
  top: 0;
  left: 0;
  width: 120px;
  height: 600px;
  z-index: 999
}

.x-float-leftpc {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background: #222;
  color: #fff;
  cursor: pointer;
  padding: 3px 10px
}

.float-rightpc {
  position: fixed;
  top: 0;
  right: 0;
  width: 120px;
  height: 600px;
  z-index: 999
}

.x-float-rightpc {
  position: fixed;
  right: 0;
  top: 0;
  display: block;
  background: #222;
  color: #fff;
  cursor: pointer;
  padding: 3px 10px
}

.right-content .block {
  margin-bottom: 5px
}

.right-content .block .caption {
  padding: 6px;
  text-align: center;
  background: #1a1a1a;
  border-top: 2px solid #bbb;
  font-family: UTM Cafeta;
  color: #ebc328;
  font-size: 22px
}

.right-content .block .caption a {
  color: #ebc328
}

.right-content .block .caption a:hover {
  color: #fff601
}

.most-view {
  background: #282828
}

.most-view .tabs .tab {
  width: 150px;
  background: #e5e5e5;
  color: #333;
  padding: 8px 0;
  float: left;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px
}

.most-view .hienthi {
  display: block!important;
  visibility: visible!important
}

.most-view .tabs .tab:hover {
  color: #34495e
}

.most-view .tabs .tab.active {
  background: #ebc328;
  color: #34495e
}

.uppercase {
  text-transform: uppercase
}

.fb-comments {
  background: #ccd0d5!important
}

.fb_iframe_widget_fluid_desktop iframe {
  background: #ccd0d5!important
}

.fb-comments,.fb-comments span,.fb-comments span iframe {
  width: 100%!important;
  display: inline-block!important;
  max-width: 100%!important
}

.theme--5 .nh-read__alert {
  background-color: #e4dece!important;
  color: #111!important
}

.text-center {
  text-align: center!important
}

.nh-read__alert {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #be5b5b;
  color: #fff;
  padding: 0.75rem 1.5rem
}

.comment-body,.nh-read__alert {
  font-size: 1rem
}

.comment-body,.media-body,.nh-read__alert,.nh-read__content {
  word-break: break-word
}

.mb-1,.my-1 {
  margin-bottom: 0.25rem!important
}

.text-muted {
  color: #6c757d!important
}

.mr-1,.mx-1 {
  margin-right: 0.25rem!important
}

.ml-1,.mx-1 {
  margin-left: 0.25rem!important
}

.d-flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -webkit-justify-content: center!important;
  -moz-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.gnarty-home-off-ads {
  display: block;
  width: 48px;
  height: 96px;
  background: url(../images/tat-ads.png) center center no-repeat #2d8659;
  font-size: 0;
  cursor: pointer;
  transition: width 0.25s ease-in-out 0s;
  -webkit-transition: width 0.25s ease-in-out 0s;
  -moz-transition: width 0.25s ease-in-out 0s
}

.gnarty-home-off-ads:hover {
  width: 64px
}

#menubentrai {
  position: fixed;
  left: 0;
  top: 55%
}

@media (max-width: 979px) {
  #menubentrai {
      display:none
  }
}

.video-btn {
  font-size: 13px;
  padding: 3px 5px;
  margin: 5px 0 0 5px;
  color: #fff;
  background-color: #2e2e2e;
  border-radius: 2px;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 9;
  font-weight: 700
}

.video-btn i {
  padding-right: 5px
}

.banner-sticky-footer-ad {
  margin: 5px auto 0
}

.bg-black {
  background-color: #000
}

.bg-cod-gray {
  background-color: #1d1c1c
}

.bg-gray-2 {
  background-color: #242525
}

.bg-red {
  background-color: #b73a3a
}

.bg-blue {
  background-color: #3a79af
}

.bg-green {
  background-color: #369e69
}

.bg-brown {
  background-color: #795548
}

.bg-orange {
  background-color: #986a25
}

.bg-lochinvar {
  background-color: #25867d
}

.bg-yellow {
  background-color: #ffb970
}

.bg-white {
  background-color: #fff
}

.noti-info {
  background: #6d6d6d;
  color: #ccc;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #000
}

.noti-error {
  background: #b73a3a;
  color: #ccc;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #000
}

.noti-warning {
  background: #d4a30f;
  color: #ccc;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #000
}

.noti-success {
  background: #297275;
  color: #ccc;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #000
}

.list-movie-filter {
  overflow: visible;
  position: relative;
  display: block
}

.list-movie-filter .list-movie-filter-main {
  color: #ddd;
  display: block
}

.list-movie-filter .list-movie-filter-item {
  float: left;
  margin: 0 6px;
  width: 150px
}

.list-movie-filter .list-movie-filter-item select {
  background: #222
}

.list-movie-filter .list-movie-filter-main label {
  display: block
}

.btn-filter-movie {
  position: relative;
  top: 40px
}

.Lang .Button i,.LnkUser:before {
  line-height: 20px;
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  border-radius: 10px;
  right: -10px;
  top: 4px;
  background-color: #1a1a1a;
  color: #fff;
  transition: all 0.2s
}

.LnkUser {
  width: 63px;
  position: relative
}

.LnkUser:before {
  z-index: 2;
  right: -3px;
  border: 3px solid #1a1a1a;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  top: 6px
}

.LnkUser img {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  border-radius: 25px;
  z-index: 1
}

.Login ul {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 60px;
  transition: all 0.2s;
  width: 200px;
  border-radius: 5px;
  background-color: #1a1a1a;
  box-shadow: 0 0 20px rgba(0,0,0,0.3)
}

.Login ul:before {
  content: "";
  position: absolute;
  right: 35px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1a1a1a
}

.Login ul a {
  color: #fff;
  display: block;
  padding: 10px 15px 10px 40px;
  position: relative;
  line-height: 20px;
  opacity: 0.5
}

.Login ul a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 0.5
}

#LnkUser:checked ~ ul {
  max-height: 999em;
  overflow: inherit;
  opacity: 1;
  padding: 10px 0;
  z-index: 10
}

#LnkUser:checked + .LnkUser:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9
}

.Login ul li {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.Login ul li:hover {
  background: #374850
}

.Login ul li:hover a {
  opacity: 1
}

#LnkUser:checked + .LnkUser:before {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

template,[hidden] {
  display: none!important
}

.announcement {
  margin: 0 auto 10px;
  width: 100%;
  background: #2d2d2d;
  padding: 10px;
  border-radius: 3px
}

.announcement .ann_title {
  padding: 5px 7px;
  background-color: rgba(0,0,0,0.17);
  border-radius: 50%;
  margin-right: 10px;
  color: #fff
}

.announcement .ann_text {
  font-size: 13px;
  color: #fff
}

.social-button {
  display: inline-block;
  position: relative;
  padding: 0 20px 20px;
  width: 100%
}

.social-button .item_social {
  float: left;
  margin: 0 10px 0 0;
  position: relative
}

.social-button .item_social.google {
  top: -4px
}

.movies-list-wrap {
  display: block;
  overflow: hidden;
  margin: 0 0 40px
}

.movies-list-wrap .ml-title {
  display: block;
  margin-bottom: 10px
}

.movies-list-wrap .ml-title span {
  font-size: 16px;
  text-transform: uppercase;
  font-family: asap;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: #0397d6;
  color: #fff;
  border-radius: 3px
}

.ml-alphabet {
}

.movies-letter {
  display: block;
  margin: 20px -0.25% 10px
}

.movies-letter a.btn-letter {
  float: left;
  width: 3.2%;
  margin: 0 0.25% 0.8%;
  padding: 5px 1px;
  border-radius: 3px!important;
  overflow: hidden;
  color: #d4d4d4;
  font-size: 14px;
  background: #272727;
  box-shadow: none
}

.movies-letter a.btn-letter.active {
  background: #ffc107;
  color: #333
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px
}

.letter-movies-lits .table-striped {
  background: #1a1a1a;
  margin-top: 10px
}

.letter-movies-lits .table-striped > tbody > tr:nth-of-type(2n + 1) {
  background: rgba(0,0,0,0.015)
}

.letter-movies-lits .mlnh-1 {
  width: 40px;
  text-align: center
}

.letter-movies-lits .mlnew-head td {
  font-weight: 600
}

.letter-movies-lits .table-striped > tbody > tr > td {
  border-color: #222e33;
  vertical-align: middle
}

.letter-movies-lits a {
  color: #969696
}

.letter-movies-lits .mlnew-head {
  background: #303e46!important
}

.letter-movies-lits .mlnew .mlnh-thumb .thumb {
  width: 40px;
  height: 50px;
  overflow: hidden;
  display: inline-block
}

.letter-movies-lits .mlnew .mlnh-thumb .thumb img {
  width: 100%;
  height: auto;
  min-height: 100%
}

.letter-movies-lits .mlnew h2 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.42857
}

#pagination {
  margin-top: 30px;
  text-align: center
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination > li {
  display: inline
}

.pagination > li > a,.pagination > li > span {
  border: 0;
  color: #333
}

.pagination > li > a {
  margin: 0 5px;
  border-radius: 3px
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.infopage {
  background: #1a1a1a;
  box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

.infopage .infopage-head {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #1b1b1b;
  font-size: 20px;
  background: #151d21;
  color: #fff;
  text-transform: uppercase
}

.infopage .content {
  padding: 15px 20px
}

.infopage .ip-left {
  width: 49%;
  float: left;
  margin-right: 1%
}

.uc-form {
  width: 100%;
  margin: 20px 0
}

.infopage .ip-right {
  width: 50%;
  float: left;
  margin-top: -10px
}

@media screen and (max-width: 991px) {
  .infopage .ip-left {
      float:none;
      width: 100%;
      margin: 0
  }

  .infopage .ip-right {
      float: none;
      width: 100%;
      margin-top: 20px
  }
}

.bxh-movie-phimletv {
  background: #1a1a1a;
  margin: 0;
  padding: 0
}

ul.bxh-movie-phimletv > li:first-child {
  border-top: 0!important;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
  padding: 30px 0
}

ul.bxh-movie-phimletv > li:first-child .e-item img {
  width: 100px!important;
  height: 100%!important;
  border: 2px solid #fff;
  border-radius: 3px
}

ul.bxh-movie-phimletv > li {
  border-bottom: 1px solid #222e33;
  border-top: 0;
  list-style: none;
  padding: 10px 0
}

.row-display {
  cursor: pointer
}

ul.bxh-movie-phimletv > li .statistics {
  width: 60px;
  float: left;
  display: none
}

ul.bxh-movie-phimletv > li .txt-rank {
  text-align: center;
  display: block;
  line-height: 60px
}

ul.bxh-movie-phimletv > li .txt-rank {
  width: 60px;
  float: left;
  color: #4c4c4c;
  font-size: 26px
}

ul.bxh-movie-phimletv > li.po-01 .txt-rank {
  color: #fe0000;
  font-size: 26px
}

ul.bxh-movie-phimletv > li.po-02 .txt-rank {
  color: #fe3200;
  font-size: 26px
}

ul.bxh-movie-phimletv > li.po-03 .txt-rank {
  color: #fe6400;
  font-size: 26px
}

ul.bxh-movie-phimletv > li.po-04 .txt-rank {
  color: #fd9800;
  font-size: 26px
}

ul.bxh-movie-phimletv > li.po-05 .txt-rank {
  color: #fecb00;
  font-size: 26px
}

.statistics {
  line-height: 60px;
  padding-left: 5px
}

.statistics.stand {
  padding-left: 10px
}

ul.bxh-movie-phimletv .statistics {
  width: 60px;
  float: left
}

.statistics i {
  width: 17px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 2px
}

.statistics.stand i {
  background-position: -34px -360px
}

ul.bxh-movie-phimletv > li .e-item {
  float: left;
  width: 75%
}

.thumb {
  position: relative;
  display: block;
  margin-bottom: 8px;
  background-color: #000
}

.bxh-movie-phimletv .e-item .thumb {
  margin-bottom: 0;
  margin-right: 15px
}

ul.bxh-movie-phimletv > li .e-item .title-item {
  margin-top: 6px;
  margin-bottom: 4px
}

ul.bxh-movie-phimletv > li .e-item .title-item a {
  color: #fff;
  font-size: 16px;
  font-weight: 500
}

ul.bxh-movie-phimletv > li:first-child .e-item .title-item a {
  color: #fff;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600
}

ul.bxh-movie-phimletv > li .e-item .title-item a:hover {
  color: #dacb46
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.inblock h4 {
  display: inline;
  color: gray;
  font-size: 14px
}

ul.bxh-movie-phimletv > li:first-child .inblock h4 {
  color: #fff
}

.tool-song {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 100px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50)
}

.tool-song {
  right: 120px
}

.tool-song .i25 {
  float: left;
  margin-left: 20px;
  margin-left: 0
}

.tool-song .download {
  position: relative
}

.tool-song .share {
  position: relative
}

.rank-score {
  line-height: 60px;
  margin-right: 5px;
  position: relative
}

.bxh-movie-phimletv .rank-score {
  margin-right: 20px
}

.rank-score .score {
  font-weight: 300;
  color: #9e9e9e
}

ul.bxh-movie-phimletv > li .rank-score .score {
  font-size: 14px!important
}

ul.bxh-movie-phimletv > li:first-child .rank-score .score {
  color: #fff;
  font-size: 22px!important;
  position: absolute;
  bottom: -170px;
  right: 0
}

.box_top_search {
  float: left;
  width: 100%;
  color: #333;
  position: relative
}

.search_control_select {
  float: left;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,0.2);
  padding: 0 10px;
  margin-bottom: 10px;
  color: #737373;
  border-radius: 3px
}

.search_control_select li {
  float: left;
  margin: 11px 20px 16px 0;
  list-style: none
}

.search_control_select li a {
  position: relative;
  padding: 0 0 10px;
  margin: 0 5px 0 0;
  height: 16px;
  font-size: 14px;
  text-transform: uppercase
}

.search_control_select li a.active {
  position: relative;
  padding: 0 0 10px;
  margin: 11px 5px 13px 0;
  height: 16px;
  font-size: 14px;
  padding: 0 0 8px;
  border-bottom: #ffc107 solid 2px;
  color: #fff;
  font-weight: 600
}

.header-bxh-list-index {
  clear: both;
  position: relative;
  display: inline-block
}

.header-bxh-list-index span {
  float: left;
  display: block;
  width: auto;
  color: #1abc9c;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 36px;
  margin: 0 0 10px;
  .header-bxh-list-index}

.search-suggest {
  box-shadow: 0 0 3px rgba(0,0,0,0.2)
}

.search-suggest {
  background: #1a1a1a;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 60px;
  z-index: 99;
  border-radius: 3px
}

.search-suggest ul {
  list-style: none;
  padding: 0 0 40px;
  position: relative
}

.search-suggest ul li {
  padding: 5px 10px;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #888;
  border-bottom: 1px solid #222e33
}

.search-suggest ul li .thumb {
  float: left;
  width: 40px;
  height: 60px;
  background-position: 50% 25%;
  background-size: cover;
  display: inline-block
}

.search-suggest ul li .ss-info {
  padding-left: 50px;
  color: #888
}

.search-suggest ul li .ss-info a.ss-title {
  color: #969696;
  font-size: 13px;
  font-weight: 700
}

.search-suggest ul li .ss-info p {
  margin-bottom: 0
}

.search-suggest ul li .ss-info p {
  margin-bottom: 0
}

.search-suggest ul li.ss-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}

.search-suggest ul li.ss-bottom a {
  width: 100%;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #f44336;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.watch-notice {
  margin: 0 0 20px
}

#filter {
  padding: 10px 20px;
  background: #fff;
  position: relative;
  padding-bottom: 110px;
  box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
  border-radius: 3px;
  margin-bottom: 20px;
  display: none
}

#filter.active {
  display: block!important
}

#filter .fc-title {
  font-size: 18px;
  font-family: montserrat;
  margin-bottom: 5px;
  display: block;
  color: #0397d6
}

#filter ul {
  list-style: none;
  padding: 10px 15px 8px;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  border-radius: 3px;
  overflow: hidden
}

#filter ul li {
  float: left;
  width: 130px;
  padding: 3px 5px 3px 2px;
  margin: 0 0 5px;
  width: auto;
  margin-right: 5px
}

#filter ul li.active {
  background: #0397d6;
  color: #fff
}

#filter ul li label {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0
}

#filter ul li label input {
  margin: 0 3px 0 0;
  vertical-align: text-top
}

#filter ul.fc-main-list {
  padding: 0;
  border: 0;
  overflow: visible;
  background: 0 0
}

#filter ul.fc-main-list li {
  display: block;
  width: 100%;
  float: none;
  padding: 0;
  margin-bottom: 4px
}

#filter ul.fc-main-list li a {
  font-size: 14px;
  background: #eee;
  color: #333;
  display: block;
  padding: 7px 10px
}

#filter ul.fc-main-list li a.active {
  background: #0397d6!important;
  color: #fff
}

#filter ul.fc-main-list li a:hover {
  background: #0397d6;
  color: #fff
}

.fc-genre,.fc-country,.fc-release {
  clear: both;
  display: block
}

#filter .filter-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #eee
}

#filter .cs10-top .fc-filmtype {
  float: left;
  width: 50%
}

#filter .cs10-top .fc-quality {
  margin-left: 52%
}

.ml-title {
  display: block;
  margin-bottom: 10px
}

.ml-title span {
  font-size: 16px;
  text-transform: uppercase;
  font-family: asap;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: #ffc107;
  color: #333;
  border-radius: 3px
}

.filter-toggle {
  float: right;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  background: #fff;
  border-radius: 3px;
  cursor: pointer
}

.mr5 {
  margin-right: 5px
}

.Ads {
  overflow: hidden;
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto 10px
}

.ad-center-980 {
}

.watch_button_more {
  position: absolute;
  font-size: 20px;
  bottom: 20px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  background: rgba(255,0,0,0.6);
  padding: 5px 0
}

.tools-box {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0,0,0,0.5);
  border-radius: 3px;
  z-index: 1
}

.tools-box-bookmark {
  border-radius: 3px;
  cursor: pointer
}

.tools-box-bookmark:hover {
  background-color: rgba(0,0,0,0.8)
}

.tools-box-bookmark:after {
  display: block;
  content: "";
  clear: both;
  line-height: 0;
  height: 0
}

.bookmark-status {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  background-image: url(/Template/images/image.png);
  background-repeat: no-repeat;
  background-position: 5e3px 5e3px
}

.tools-box-bookmark.normal .bookmark-status {
  background-position: -36px -836px
}

.tools-box-bookmark.normal:hover .bookmark-status {
  background-position: -65px -836px
}

.tools-box-bookmark.added .bookmark-status {
  background-position: -95px -836px
}

.tools-box-bookmark.added:hover .bookmark-status {
  background-position: -95px -866px
}

.tools-box-bookmark.normal .bookmark-action:after {
  content: "Theo dõi"
}

.tools-box-bookmark.normal:hover .bookmark-action:after {
  content: "Theo dõi"
}

.tools-box-bookmark.added .bookmark-action:after {
  content: "Đã theo dõi"
}

.tools-box-bookmark.added:hover .bookmark-action:after {
  content: "Bỏ theo dõi"
}

.bookmark-action {
  padding: 5px 10px 5px 0;
  display: inline-block;
  float: left
}

ul.MovieList.Newepisode li {
  padding: 5px 6px 5px 5px;
  font-size: 13px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #171515;
  margin-bottom: 0
}

ul.MovieList.Newepisode li:hover {
  border-left: 5px solid #be3232
}

ul.MovieList.Newepisode li a {
  color: #ccc;
  padding: 7px 0
}

ul.MovieList.Newepisode li a span:first-child {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  vertical-align: middle;
  color: #ce9090
}

ul.MovieList.Newepisode li a span:last-child {
  display: inline-block;
  width: 30%;
  text-align: right;
  color: #5f5f5f;
  font-style: italic
}

ul.MovieList.Newepisode li:hover a span:first-child {
  color: #fff
}

ul.MovieList.Newepisode li:after {
  content: "";
  display: block;
  clear: both
}

div.top-message span {
  position: fixed;
  padding: 30px 50px;
  top: calc(50% - 60px);
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
  background: rgba(148,0,0,0.95);
  width: 100%;
  z-index: 1;
  color: #fff
}

.Homeschedule .Top h1 {
  width: 100%;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
  font-family: Arial;
  text-transform: none
}

.tag-list-main ul {
  margin: 0;
  padding: 0
}

.tag-list-main ul li {
  padding: 3px 5px;
  margin: 1px 10px;
  list-style: none;
  display: inline-block;
  border-left: 5px solid #c33838;
  background: rgba(0,0,0,0.26);
  text-transform: lowercase;
  border-radius: 3px
}

.viewall {
  position: relative;
  margin: 0 0 10px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  padding: 5px;
  background: #1f2021
}

@media screen and (max-width: 62em) {
  .Footer .Menu >;
  ul >; li >; a,.MnBr .menu-item-has-children >; i.On + a {
      background-color: rgba(0,0,0,0.2)
  }

  .MnBr .sub-menu {
      background-color: rgba(0,0,0,0.4)
  }

  .Menu li[class*="AAIco-"]:before,.Menu li[class*="fa-"]:before,.MnBr .sub-menu a {
      color: #fff
  }
}

@media screen and (min-width: 62em) {
  .Menu .sub-menu,.widget_nav_menu >;
  div >; ul .sub-menu {
      box-shadow: 0 0 10px rgba(0,0,0,0.1)
  }

  .TPost.D .Image:before,.TPost.D .TPMvCn {
      background-color: rgba(0,0,0,0.4);
      color: #fff
  }

  .Menu > ul > li[class*="AAIco-"]:before,.Menu > ul > li[class*="fa-"]:before,.TPost.D .Description a,.TPost.D .Title {
      color: #fff
  }
}

@media screen and (max-width: 1199px) {
  #filter {
      padding:15px 15px 110px
  }

  #filter ul li {
      float: none;
      width: auto!important;
      display: inline-block;
      padding: 0;
      margin: 0 5px 5px 0
  }

  #filter .col-sm-10 {
      width: 75%;
      float: left
  }

  #filter .col-sm-2 {
      width: 25%;
      float: left
  }

  #filter ul.fc-main-list li a {
      padding: 9px 15px
  }
}

@media screen and (max-width: 799px) {
  .movies-letter a.btn-letter {
      width:6.64%
  }

  .tab-login {
      padding: 0 40px
  }

  #filter ul.fc-main-list {
      overflow: hidden
  }

  #filter .fc-main,#filter .col-sm-10 {
      float: none;
      width: 100%
  }

  #filter ul.fc-main-list li {
      width: 50%;
      float: left
  }
}

@media screen and (max-width: 640px) {
  .mlnh-5 {
      display:none
  }
}

@media screen and (max-width: 520px) {
  #filter .col-sm-2,#filter .col-sm-4 {
      display:block;
      float: none;
      width: 100%;
      clear: both
  }

  #filter .fc-title {
      clear: both;
      display: block;
      width: 100%
  }

  #filter .fc-release {
      margin-left: 0
  }

  #filter .cs10-top .fc-filmtype {
      float: none;
      width: 100%
  }

  #filter .cs10-top .fc-quality {
      float: none;
      margin-left: 0
  }
}

@media screen and (max-width: 479px) {
  .movies-letter a.btn-letter {
      width:9.5%
  }

  .tab-login {
      padding: 0 20px
  }

  #filter .col-sm-2 {
      margin-bottom: 5px
  }

  #filter ul.fc-main-list li {
      width: 49%!important;
      margin-right: 1%
  }
}

@media screen and (max-width: 359px) {
  #filter ul.fc-main-list li {
      width:100%!important;
      margin-right: 0
  }
}

.schedule-title-main {
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
  line-height: 23px;
  background: #d43939;
  color: #fff;
  margin-bottom: 10px
}



#log-reg {
  width: 100%;
  padding: 40px 0;
  height: 100%;
  background-size: cover
}

@media (min-width: 410px) and (max-width:420px) {
  #log-reg .sologan {
      display:none
  }

  #log-reg {
      background-image: none
  }
}

p.sug {
  font-size: 15px;
  color: #6e6d6d
}

.lg-mxh p.sug {
  margin-bottom: 15px
}

.modal-header {
  border: 0;
  text-align: center;
  padding: 30px 20px;
  position: relative
}

.modal-header .close {
  position: absolute;
  top: 8px;
  right: 10px
}

#log-reg .sologan {
  padding: 140px 15px
}

#log-reg .sologan p {
  color: #fff;
  font-style: italic;
  font-size: 18px
}

.title {
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  margin-bottom: 40px;
  text-align: center
}

.tab-login.update-info .title {
  text-align: left
}

.tab-login .bor-form {
  float: left;
  width: 100%
}

.tab-login .bor-form input {
  border: 0;
  border-bottom: 1px solid #3f4a50;
  border-radius: 0;
  box-shadow: none;
  padding-left: 25px;
  height: 45px;
  color: #fff;
  font-weight: 600
}

.tab-login .bor-form input[type="file"] {
  color: #888
}

.tab-login .bor-form label {
  height: 45px;
  line-height: 35px;
  font-size: 15px;
  text-align: left
}

.tab-login .bor-form .gender label {
  top: -18px;
  position: relative
}

.tab-login .bor-form input[type="submit"] {
  background-color: #f3cb2b;
  border-radius: 20px;
  padding: 6px 40px;
  color: #000;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 15px;
  border: 0;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 600
}

.tab-login .bor-form input[type="checkbox"] {
  height: auto
}

.tab-login .bor-form input.lg-email {
  background: url(../images/icon-email.png) no-repeat 0 center
}

.tab-login .bor-form input.lg-name {
  background: url(../images/icon-user.png) no-repeat 0 center
}

.tab-login .bor-form input.lg-capcha {
  background: url(../images/icon-sec.png) no-repeat 0 center
}

.tab-login .bor-form input.lg-pass {
  background: url(../images/icon-pass.png) no-repeat 0 center
}

.tab-login .bor-form .checkbox {
  float: left;
  width: 100%;
  margin-top: 10px
}

.tab-login .bor-form .checkbox .col-md-6:first-child {
  margin-top: 10px
}

.tab-login .bor-form .form-group {
  position: relative
}

.tab-login .bor-form .form-group .fogort-pass {
  position: absolute;
  top: 10px;
  right: 0;
  color: #3b5998
}

.tab-login .bor-form .form-group .in-error {
  padding: 6px 0;
  color: #d2472f;
  font-family: semibold
}

.tab-login .bor-form .checkbox button {
  background: #d8d8d8;
  width: 150px;
  height: 45px;
  text-align: center;
  color: #333;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 15px;
  border: 0;
  box-shadow: none;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600
}

.tab-login .lg-mxh {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 20px
}

.tab-login .lg-mxh .face {
  padding: 0 5px 0 0
}

.tab-login .lg-mxh .gg {
  padding: 0 0 0 5px
}

.tab-login .lg-mxh .face > a {
  float: left;
  width: 100%;
  padding: 12px 25px;
  text-align: center;
  color: #fff;
  background: #3b5998;
  border-radius: 20px
}

.tab-login .lg-mxh .gg > a {
  float: left;
  width: 100%;
  padding: 12px 25px;
  text-align: center;
  color: #fff;
  background: #d04226;
  border-radius: 20px
}

.tab-login {
  padding: 0 160px
}

.tab-login.update-info {
  padding: 0 20px
}

#tab-register .bor-form .checkbox label > a {
  color: #6381c0
}

#tab-register .bor-form .checkbox button {
  background-color: #f3cb2b;
  color: #000
}

#tab-register .bor-form .form-group .capcha {
  position: absolute;
  top: 0;
  right: 0
}

#tab-register .bor-form .form-group .capcha .code {
  width: 110px;
  height: 45px;
  float: left
}

#tab-register .bor-form .form-group .change {
  width: 22px;
  height: 45px;
  margin-left: 8px;
  background: url(../images/icon-try.png) no-repeat 0 center;
  float: left
}

#success-modal .bor-form h4 {
  font-family: 700;
  font-size: 18px;
  text-align: center;
  color: #000
}

#success-modal .bor-form > p {
  text-align: center;
  font-size: 16px;
  color: #8c8c8c
}

#success-modal .tab-login .bor-form {
  padding: 30px 20px 10px
}

#success-modal .tab-login .bor-form .checkbox {
  text-align: center
}

#success-modal .tab-login .bor-form .checkbox button {
  margin: auto;
  float: none!important;
  background-color: #e4e0e0;
  opacity: 1;
  box-shadow: none;
  text-shadow: none
}

.alert-error {
  background: #ffd4d4;
  color: #333
}

.tab-login .bor-form .btn-register {
  background-color: #f3cb2b;
  border-radius: 20px;
  padding: 6px 15px;
  color: #000;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  border: 0;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 600
}

.tab-login .bor-form .btn-login {
  background-color: #d8d8d8;
  border-radius: 20px;
  padding: 6px 15px;
  color: #000;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  border: 0;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 600
}

.profile-sidebar {
  padding: 20px
}

.profile-userpic {
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 150px
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px
}

.profile-usertitle-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.profile-usertitle-vip {
  text-transform: uppercase;
  color: #f6ce4c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}

@media (min-width: 1170px) {
  #log-reg .tab-login.col-md-5 {
      width:35.666667%
  }

  #log-reg .sologan.col-md-2 {
      width: 28.666667%
  }

  #tab-register {
      border-left: 1px solid #e4e4e4
  }
}

@media screen and (max-width: 799px) {
  .tab-login {
      padding:0 40px
  }
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 479px) {
  .tab-login {
      padding:0 20px
  }
}

.schedule-title-main {
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
  line-height: 23px;
  background: #d43939;
  color: #fff;
  margin-bottom: 10px
}


.comment-section {
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.comment-form {
  display: flex;
  margin-bottom: 20px;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
  background: #555;
  background-size: cover;
}

.comment-input {
  flex-grow: 1;
  margin-right: 12px;
  max-width: 500px;
}

.comment-input input {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 6px;
  background: #3a3a3a;
  color: #fff;
  outline: none;
  font-size: 14px;
  transition: background 0.2s;
}

.comment-input input:focus {
  background: #444;
}

.comment-submit {
  background: rgb(88, 91, 94);
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
  white-space: nowrap;
}

.comment-submit:hover {
  background: #0056b3;
}

.comment-list {
  margin-top: 20px;
}

.comment {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 12px;
  transition: background 0.2s;
  background: #2d2d2d;
}

.comment-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  flex-shrink: 0;
  margin-right: 12px;
}

.comment-body {
  flex-grow: 1;
}

.comment-username {
  font-weight: 600;
  color: #e0e0e0;
  font-size: 15px;
  margin-bottom: 5px;
}

.comment-content {
  color: #d0d0d0;
  font-size: 14px;
  line-height: 1.4;
}

.comment-actions {
  margin-top: 10px;
  color: #aaa;
  font-size: 13px;
}

.comment-actions span {
  margin-right: 15px;
  cursor: pointer;
  transition: color 0.2s;
}

.comment-actions span:hover {
  color: #fff;
}


.reply-form {
  display: none;
  margin-top: 12px;
}

.reply-input {
  width: 100%;
  padding: 8px 10px;
  background: #3a3a3a;
  border: none;
  border-radius: 6px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 13px;
  outline: none;
  max-width: 500px;
}

.reply-list {
  margin-left: 40px;
  margin-top: 10px;
}

.pick.time {
  left: auto;
  right: 12px;

}
.pick {
  position: absolute;
  z-index: 5;
  bottom: 12px;
  left: 12px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 10px;
  background: rgba(20, 21, 22, .62);
  backdrop-filter: blur(3.5999999046325684px);
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 4px 8px;
}


.button-container {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.button {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}
.active {
  background-color: #facc15;
  color: black;
}
.inactive {
  background-color: #242527;
  color: white;
}
.right-buttons {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

.d-stars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 20px;
}

.c-star, .c-stu {
  display: inline-flex
;
  align-items: center;
  padding: .3rem .5rem;
  background-color: #fff;
  border-radius: 3rem;
}

.c-star .star-img, .c-stu .stu-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.c-star .star-img img, .c-stu .stu-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.c-star span, .c-stu span {
  white-space: nowrap;
  padding: 0 .5rem;
  font-size: 13px;
  color: #000;
}



#log-reg {
  width: 100%;
  padding: 40px 0;
  height: 100%;
  background-size: cover;
}

#log-reg .sologan {
  padding: 140px 15px;
}

#log-reg .sologan p {
  color: #fff;
  font-style: italic;
  font-size: 18px;
}

p.sug {
  font-size: 15px;
  color: #6e6d6d;
}

.lg-mxh p.sug {
  margin-bottom: 15px;
}

.modal-header {
  border: 0;
  text-align: center;
  padding: 30px 20px;
  position: relative;
}

.modal-header .close {
  position: absolute;
  top: 8px;
  right: 10px;
}

.tab-login {
  padding: 0 160px;
}

.tab-login.update-info {
  padding: 0 20px;
}

.tab-login .bor-form {
  float: left;
  width: 100%;
}

.tab-login .bor-form input {
  border: 0;
  border-bottom: 1px solid #3f4a50;
  border-radius: 0;
  box-shadow: none;
  padding-left: 25px;
  height: 45px;
  color: #fff;
  font-weight: 600;
}

.tab-login .bor-form input[type="file"] {
  color: #888;
}

.tab-login .bor-form input[type="submit"] {
  background-color: #f3cb2b;
  border-radius: 20px;
  padding: 6px 40px;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.tab-login .bor-form .form-group {
  position: relative;
}

.tab-login .bor-form .form-group .fogort-pass {
  position: absolute;
  top: 10px;
  right: 0;
  color: #3b5998;
}

.tab-login .bor-form .btn-register,
.tab-login .bor-form .btn-login {
  border-radius: 20px;
  padding: 6px 15px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.tab-login .bor-form .btn-register {
  background-color: #f3cb2b;
}

.tab-login .bor-form .btn-login {
  background-color: #d8d8d8;
}

.profile-sidebar {
  padding: 20px;
}

.profile-userpic img {
  display: block;
  margin: 0 auto;
  width: 150px;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-usertitle-vip {
  text-transform: uppercase;
  color: #f6ce4c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media (min-width: 410px) and (max-width: 420px) {
  #log-reg .sologan {
    display: none;
  }
  #log-reg {
    background-image: none;
  }
}

@media (min-width: 1170px) {
  #log-reg .tab-login.col-md-5 {
    width: 35.666667%;
  }
  #log-reg .sologan.col-md-2 {
    width: 28.666667%;
  }
}

@media screen and (max-width: 799px) {
  .tab-login {
    padding: 0 40px;
  }
}

@media screen and (max-width: 479px) {
  .tab-login {
    padding: 0 20px;
  }
}

.schedule-title-main {
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
  line-height: 23px;
  background: #d43939;
  color: #fff;
  margin-bottom: 10px;
}