/****** Fonts ******/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');*/
@import url("https://cdn.rawgit.com/rastikerdar/vazir-font/v19.2.0/dist/font-face.css");
@import url("https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
/****** Vendors ******/
@import url(1.bootstrap.min.css);
@import url(2.bootstrap-datepicker.css);
@import url(3.bootstrap-multiselect.css);
@import url(4.font-awesome.min.css);
@import url(5.bootstrap-slider.css);
@import url(6.slick.css);
@import url(7.slick-theme.css);
@import url(8.plyr.css);
@import url(9.hls-player-theme.css);
@import url(10.flags.css);
@import url(11.bitmovinplayer-ui.css);
@import url(12.toastr.min.css);
@import url(13.jquery.scrollbar.css);
@import url(17.select2.min.css);
@import url(18.select2-bootstrap.min.css);
/****** SCSS Functions ******/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,600,600i,700,700i,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/****** theme color variations ******/
/* Green Jungle */
/* Yellow Gold */
/* Purple Medium */
/* Blue Steel */
/* Green Sharp */
/* Blue Hoki */
/* Red Mint */
/* Yellow Crusta */
/* Purple Seance */
/* Red Flamingo */
/****** Default Styles ******/
h1 {
  font-size: 24px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0 0 15px; }

.font-20 {
  font-size: 20px; }

.font-18 {
  font-size: 18px; }

.font-16 {
  font-size: 16px; }

.font-14 {
  font-size: 14px; }

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

.font-12 {
  font-size: 12px; }

.font-11 {
  font-size: 11px; }

.font-10 {
  font-size: 10px; }

.font-8 {
  font-size: 8px; }

.font-light {
  font-weight: 300; }

.font-regular {
  font-weight: 400; }

.font-semi-bold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-black {
  font-weight: 900; }

.text-primary {
  color: #0e0e0e; }

.text-secondary {
  color: #e00712; }

/****** Global Classes ******/
html,
body {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  height: 100%;
  min-height: 100%; }

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

body {
  overflow-x: hidden;
  position: relative;
  background: #0e0e0e; }

.mb-wrap, .main-wrap {
  min-height: 100%; }

a, a:focus, button, input, select, textarea, .btn {
  outline: none; }

.img-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000; }

.img-1x1 {
  padding-bottom: 100%; }

.img-4x3 {
  padding-bottom: 75%; }

.img-3x2 {
  padding-bottom: 66.66%; }

.img-8x5 {
  padding-bottom: 62.5%; }

.img-16x9 {
  padding-bottom: 56.25%; }

.img-16x7 {
  padding-bottom: 43.75%; }

.img-16x6 {
  padding-bottom: 37.5%; }

.img-21x9 {
  padding-bottom: 42.85%; }

.img-1x15 {
  padding-bottom: 150%; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.img-fluid {
  display: block;
  width: 100%; }

.btn-xsmall {
  min-width: 70px; }

.btn-small {
  min-width: 90px; }

.btn-medium {
  min-width: 100px; }

.btn-large {
  min-width: 120px; }

.btn-xlarge {
  min-width: 150px; }

.btn.btn-circle {
  width: 34px;
  height: 34px;
  border-radius: 100%; }

a, a:before, a:after, input, textarea, select, button {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus[disabled], .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background: #e00712;
  color: #fff; }

a {
  color: #fff;
  text-decoration: none; }

a:hover,
a:focus {
  color: #af050e;
  text-decoration: none; }

.alert {
  border-radius: 0; }

.dropdown-menu {
  border-radius: 0;
  border: none; }

.form-control {
  border-radius: 0;
  box-shadow: none; }

.input-group-addon {
  font-size: 12px; }

.input-group-addon, .panel, .panel-heading, .panel-group .panel, .modal-content, .label {
  border-radius: 0; }

.modal {
  color: #0e0e0e; }

.datepicker {
  z-index: 999; }

.btn {
  border-radius: 0;
  white-space: normal; }

ol, ul {
  margin-bottom: 15px;
  padding-left: 17px; }

p {
  margin-bottom: 15px; }

.gutter-10 {
  margin-left: -10px;
  margin-right: -10px; }

.gutter-10 > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px; }

.gutter-7 {
  margin-left: -7px;
  margin-right: -7px; }

.gutter-7 [class*=col-] {
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 10px; }

.gutter-5 {
  margin-left: -5px;
  margin-right: -5px; }

.gutter-5 [class*=col-] {
  padding-right: 10px;
  padding-left: 10px; }

.gutter-4 {
  margin-left: -4px;
  margin-right: -4px; }

.gutter-4 [class*=col-] {
  padding-right: 4px;
  padding-left: 4px; }

.gutter-2 {
  margin-left: -2px;
  margin-right: -2px; }

.gutter-2 [class*=col-] {
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 10px; }

.gutter-1 {
  margin-left: -1px;
  margin-right: -1px; }

.gutter-1 [class*=col-] {
  padding-right: 1px;
  padding-left: 1px; }

.no-gutter {
  margin-left: 0;
  margin-right: 0; }

.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0; }

.img-bg {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }

.modal-scroll {
  height: calc(100vh - 80px);
  max-height: 650px;
  overflow: auto; }

.scroll-wrapper {
  height: 100%; }

.scroll-wrapper > .scroll-content {
  max-height: 100% !important;
  overflow: auto !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.fa-angle-up {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }

.collapsed .fa-angle-up {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.link-arrow {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  left: 0; }

a:hover .link-arrow, .btn:hover .link-arrow {
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: rightLeft;
  -webkit-animation-duration: 1s; }

.rightLeft {
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: rightLeft;
  -webkit-animation-duration: 1s; }

@keyframes rightLeft {
  0% {
    left: 0; }
  50% {
    left: 5px; }
  100% {
    left: 0; } }
@-webkit-keyframes rightLeft {
  0% {
    left: 0; }
  50% {
    left: 10px; }
  100% {
    left: 0; } }
.leftRight {
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: leftRight;
  -webkit-animation-duration: 1s; }

@keyframes leftRight {
  0% {
    right: 0; }
  50% {
    right: 5px; }
  100% {
    right: 0; } }
@-webkit-keyframes leftRight {
  0% {
    right: 0; }
  50% {
    right: 10px; }
  100% {
    right: 0; } }
.width-100 {
  width: 100%; }

.p-15 {
  padding: 15px; }

.p-10 {
  padding: 10px; }

.pt-30 {
  padding-top: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.no-padding {
  padding: 0 !important; }

.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.no-margin {
  margin: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mx-5 {
  margin-left: 5px;
  margin-right: 5px; }

.mx-10 {
  margin-left: 10px;
  margin-right: 10px; }

.mb-1 {
  margin-bottom: 1px; }

.mb-2 {
  margin-bottom: 2px; }

.mb-4 {
  margin-bottom: 4px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mt-5 {
  margin-top: 5px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-12 {
  margin-top: 12px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.padding-10 {
  padding: 10px; }

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

.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.op-10 {
  opacity: 1; }

.op-09 {
  opacity: .9; }

.op-08 {
  opacity: .8; }

.op-07 {
  opacity: .7; }

.op-06 {
  opacity: .6; }

.op-05 {
  opacity: .5; }

.op-04 {
  opacity: .4; }

.op-03 {
  opacity: .3; }

.op-02 {
  opacity: .2; }

.op-01 {
  opacity: .1; }

html {
  scroll-behavior: smooth; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
  outline: none; }

.dropdown-backdrop {
  display: none; }

.btn {
  border-radius: 2px; }

.btn-link {
  color: #e00712; }

.btn-link:focus, .btn-link:hover {
  color: #af050e;
  text-decoration: none; }

.btn-default {
  background: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff; }

.btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.focus, .btn-default:focus {
  background: #e00712;
  border-color: #e00712;
  box-shadow: none;
  color: #fff; }

.btn-primary {
  background: #e00712;
  border-color: #e00712; }

.btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background: #af050e;
  border-color: #af050e; }

.btn-info {
  background: #f5f7f8;
  border-color: #f5f7f8;
  color: #0e0e0e; }

.btn-info:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus {
  background: #e00712;
  border-color: #e00712;
  color: #fff; }

.btn-white {
  background: #fff;
  border-color: #fff;
  color: #0e0e0e; }

.btn-white:hover, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white.focus:active, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover, .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white, .btn-white.focus, .btn-white:focus {
  background: #e00712;
  border-color: #e00712;
  color: #fff; }

.btn-transparent {
  background: transparent;
  border-color: #fff;
  color: #fff; }

.btn-transparent:hover, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white.focus:active, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover, .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white, .btn-white.focus, .btn-white:focus {
  background: #fff;
  border-color: #fff;
  color: #0e0e0e; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background: #0e0e0e; }

.btn-circle {
  border-radius: 100%; }

.btn-secondary {
  background: #5c5c5c;
  border-color: #5c5c5c;
  color: #f5f7f8; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #767676;
    border-color: #767676;
    color: #fff; }

.btn-select {
  display: inline-block;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  background: #282828;
  border-color: #282828;
  color: #f5f7f8; }
  .btn-select .fa {
    font-size: 14px; }
  .btn-select:hover, .btn-select:focus, .btn-select.active {
    background: #414141;
    border-color: #414141;
    color: #fff; }

.btn-dGrey {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  background: #282828;
  border-color: #282828;
  color: #f5f7f8; }
  .btn-dGrey:hover, .btn-dGrey:focus {
    background: #e00712;
    border-color: #e00712;
    color: #fff; }

.btn-group-lg > .btn, .btn-lg {
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.3333333; }

.btn-fixed {
  min-width: 120px; }

.btn-fixed-sm {
  min-width: 100px; }

.btn-fb {
  background: #3d5a98;
  border-color: #3d5a98;
  color: #fff; }

.btn-fb:hover, .btn-fb:focus {
  background: #2e4474;
  border-color: #2e4474;
  color: #fff; }

.pg-main {
  position: relative;
  z-index: 9;
  background: #1d1d1d;
  min-height: calc(100vh - 74px); }
  @media (max-width: 1199px) {
    .pg-main {
      min-height: 100%; } }

.text-pages {
  background: #f0f3f5 !important; }
  .text-pages .pg-header {
    background-color: #000;
    position: sticky; }
    .text-pages .pg-header .top-overlay {
      display: none; }
  .text-pages .pg-main {
    background: #f0f3f5 !important;
    padding-top: 0; }
  .text-pages .pkg-listing h1, .text-pages .pkg-listing h2, .text-pages .pkg-listing h3, .text-pages .pkg-listing h4, .text-pages .pkg-listing h5, .text-pages .pkg-listing h6, .text-pages .pkg-listing p, .text-pages .pkg-listing b {
    font-family: "Montserrat", sans-serif !important;
    display: block; }
  .text-pages .pkg-listing h1 {
    margin-bottom: 10px !important; }
  .text-pages .pkg-listing p {
    margin-bottom: 20px !important; }
  .text-pages .pkg-listing h2 {
    color: #333; }

.help-page {
  background-color: #1d1d1d; }

.ov-hidden {
  overflow: hidden; }

.alert-danger {
  background: #fff;
  border-color: #fff;
  color: #e00712; }

.tooltip {
  font-family: inherit;
  font-weight: 300; }

.tooltip-inner {
  padding: 4px 10px; }

@media (min-width: 1200px) {
  .container, .container-fluid {
    padding: 0 30px; } }
@media (max-width: 1199px) {
  .container {
    width: auto; } }
.container.xl {
  width: auto;
  max-width: 1560px; }
.container.lg {
  width: auto;
  max-width: 1280px; }

.arrowDownAnimation {
  position: relative;
  overflow: hidden;
  width: 100%; }

.section04 .arrowDownAnimation a span {
  width: 35px;
  height: 35px; }

.channel-playbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 2;
  background: #d7dfe3;
  height: 4px; }
  .channel-playbar .channel-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    background: #e00712; }

.channel-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 0;
  color: #fff; }
  .channel-caption .ch-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3; }
    .channel-caption .ch-info .label-primary {
      height: 24px;
      width: 40px;
      line-height: 16px;
      padding: 4px 6px;
      display: inline-block; }
      .channel-caption .ch-info .label-primary img {
        display: inline-block;
        height: 24px; }
    .channel-caption .ch-info .ch-info-left {
      float: left;
      padding: 5px; }
      .channel-caption .ch-info .ch-info-left .label-primary {
        background: #0193e6; }
    .channel-caption .ch-info .ch-info-right {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px; }
      .channel-caption .ch-info .ch-info-right .label-primary {
        padding-top: 0;
        padding-bottom: 0;
        width: 40px;
        background: #e91c23; }
  .channel-caption .channel-caption-inn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%; }
  .channel-caption .channel-caption-top {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8); }
  .channel-caption .channel-caption-btm {
    padding: 10px;
    font-weight: 600;
    background: white; }
  .channel-caption .channel-name {
    text-align: center;
    font-weight: 600; }
    .channel-caption .channel-name span {
      font-weight: 400;
      display: inline-block;
      margin-right: 5px; }
  .channel-caption .ch-hd {
    color: #e91c23; }
  .channel-caption .channel-logo {
    float: left;
    width: 40px; }
    .channel-caption .channel-logo img {
      max-height: 20px;
      display: inline-block;
      vertical-align: middle; }

.movie-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 0;
  color: #0e0e0e;
  text-align: center; }
  .movie-caption .movie-caption-inn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    padding: 30px 10px 10px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
    .movie-caption .movie-caption-inn p {
      margin-bottom: 5px; }
  .movie-caption .movie-name {
    margin-bottom: 5px;
    font-weight: 600; }
    .movie-caption .movie-name span {
      font-weight: 400;
      display: inline-block;
      margin-right: 5px;
      color: #e00712; }

.iv-premium-sm {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 10px;
  background: #d7c607;
  padding: 0 5px;
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #000; }
  .iv-premium-sm:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 0;
    margin-left: 0px;
    width: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #d7c607; }

.ch-premium-tag {
  position: absolute;
  top: 36px;
  left: 0;
  font-size: 10px;
  background: #d7c607;
  padding: 3px 10px;
  font-weight: 600;
  height: 20px;
  text-transform: uppercase;
  color: #000; }
  .ch-premium-tag:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 0;
    margin-left: -1px;
    width: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #d7c607; }

span.tvod-price {
  background: #e00712;
  padding: 5px 10px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 11px;
  display: inline-block;
  color: #fff; }

.vod-actions {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  text-align: center;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .vod-actions .btn-icon {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    margin-left: 6px;
    margin-right: 6px;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid #fff;
    color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 10px #0e0e0e; }
    .vod-actions .btn-icon:hover {
      background: #e00712;
      border-color: #e00712;
      color: #fff; }
    .vod-actions .btn-icon .iv-icon {
      display: block;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width: 36px;
      height: 36px; }
      .vod-actions .btn-icon .iv-icon.iv-info {
        background-image: url(../images/svg/info.svg); }
      .vod-actions .btn-icon .iv-icon.iv-play {
        background-image: url(../images/svg/media-play.svg); }
      .vod-actions .btn-icon .iv-icon.iv-cart {
        background-image: url(../images/svg/cart.svg); }
      .vod-actions .btn-icon .iv-icon.iv-dollar {
        background-image: url(../images/svg/dollar.svg); }
      .vod-actions .btn-icon .iv-icon.iv-ban {
        background-image: url(../images/svg/ban.svg); }
      .vod-actions .btn-icon .iv-icon.iv-remove {
        background-image: url(../images/svg/remove.svg); }
      .vod-actions .btn-icon .iv-icon.iv-link {
        background-image: url(../images/svg/link.svg); }
      .vod-actions .btn-icon .iv-icon.iv-clock {
        background-image: url(../images/svg/clock.svg); }
  @media (max-width: 767px) {
    .vod-actions {
      top: 45%; } }

.btn .fa-play {
  text-indent: 2px; }

.play-btn {
  position: absolute;
  left: 50%;
  z-index: 9;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  line-height: 44px;
  font-size: 20px;
  box-shadow: 0 0 10px #808080;
  color: #fff;
  border: 3px solid #fff;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .play-btn .fa-play {
    text-indent: 3px; }
  .play-btn:hover, .play-btn:focus {
    background: #e00712;
    border-color: #e00712;
    color: #fff; }

.sub-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  .sub-btn .btn {
    padding: 3px 10px;
    background-color: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 0, 0, 0.85); }

.play-purchase-btn {
  position: absolute;
  left: 50%;
  z-index: 9;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  line-height: 44px;
  font-size: 20px;
  text-indent: 3px;
  box-shadow: 0 0 10px #808080;
  color: #fff;
  border: 3px solid #fff;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .play-purchase-btn:hover, .play-purchase-btn:focus {
    border-color: #fff;
    color: #f70915; }

.lock-btn {
  position: absolute;
  left: 50%;
  z-index: 9;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  line-height: 30px;
  border: 2px solid #fff;
  box-shadow: 0 0 10px #808080;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: rgba(0, 0, 0, 0.25); }
  .lock-btn .fa {
    vertical-align: middle; }
  .lock-btn:hover, .lock-btn:focus {
    border-color: #e00712;
    background: #e00712;
    color: #fff; }

.dlt-btn {
  width: 30px;
  height: 30px;
  top: 10px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  z-index: 9;
  text-align: center;
  border-radius: 100%;
  line-height: 26px;
  border: 2px solid #fff;
  box-shadow: 0 0 10px #808080;
  font-size: 12px;
  color: #fff;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: rgba(0, 0, 0, 0.25); }
  .dlt-btn:hover, .dlt-btn:focus {
    border-color: #fff;
    color: #f70915; }

.rec-btn {
  position: absolute;
  left: 50%;
  z-index: 9;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-indent: 4px;
  opacity: .9;
  background: url(../images/rec-icon.png) no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .rec-btn:hover {
    opacity: 1; }

.position-relative {
  position: relative; }

.channel-now {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 11px;
  text-align: center;
  color: #fff;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 2;
  padding: 10px;
  background: #000; }
  .channel-now.bottom {
    top: auto;
    bottom: 0;
    padding: 50px 0 6px; }

.movie-certificate span {
  color: #fff;
  margin: 0 8px;
  padding: 0 8px;
  display: inline-block;
  line-height: 10px;
  border-left: 1px solid #fff;
  font-weight: 600;
  font-size: 16px;
  /* border-right: 1px solid $secondary-color;*/ }

.pg-rating .rating-start, .pg-rating .rating-points {
  display: inline-block;
  margin: 0 5px; }
.pg-rating .rating-start {
  font-size: 0; }
  .pg-rating .rating-start .fa {
    font-size: 13px; }
.pg-rating .pg-fvt {
  float: right;
  font-size: 16px;
  color: #e00712; }

.purchased-tag {
  background: url(../images/purchased-tag.png) no-repeat;
  width: 48px;
  height: 81px;
  display: block;
  position: absolute;
  top: 0;
  left: 10px; }

.slide-tag {
  font-size: 0.7em;
  font-family: "Montserrat", sans-serif;
  position: absolute;
  left: 0;
  top: 1.5em;
  z-index: 10; }
  .slide-tag .free-tag {
    color: #fff;
    background-color: #129c00;
    padding: 0.2em 0.8em 0.2em 0.4em;
    border-radius: 0 10px 10px 0;
    text-align: center; }
  .slide-tag .price-tag {
    background-color: #f0dd08;
    color: #0e0e0e;
    padding: 0.2em 0.8em 0.2em 0.4em;
    border-radius: 0 10px 10px 0;
    text-align: center; }

.iv-table {
  width: 100%;
  height: 100%;
  display: table; }

.iv-table-row {
  display: table-row;
  width: 100%; }

.iv-table-cell {
  display: table-cell; }
  .iv-table-cell.align-top {
    vertical-align: top; }
  .iv-table-cell.align-middle {
    vertical-align: middle; }
  .iv-table-cell.align-btm {
    vertical-align: bottom; }

@media (max-width: 767px) {
  .purchased-tag, .free-tag, .price-tag {
    width: 28px;
    background-size: 100% auto; }

  .movie-caption .movie-name {
    font-size: 12px; }

  .dlt-btn {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
.text-shadow-1 {
  text-shadow: 0 1px 3px #808080; }

/* Color Classes */
.color-white, .pg-movies .section-title.color-white {
  color: #fff; }

.color-black {
  color: #000; }

.color-green {
  color: #129c00; }

.color-blue {
  color: #0c6090; }

.color-red {
  color: #e00712; }

.color-purple {
  color: #703ebc; }

.color-grey {
  color: #808080; }

.color-light-grey {
  color: #9a9a9a; }

.color-yellow {
  color: #bfb006; }

.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

.bg-green {
  background-color: #129c00; }

.bg-blue {
  background-color: #0c6090; }

.bg-red {
  background-color: #e00712; }

.bg-purple {
  background-color: #703ebc; }

.bg-grey {
  background-color: #808080; }

.bg-yellow {
  background-color: #a69906; }

.bg-transparent {
  background-color: transparent; }

.page-loader {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  left: 0;
  bottom: 0;
  background: #0e0e0e url(../images/loader-ripple.svg) no-repeat center center;
  z-index: 10000; }

.section-loader {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  left: 0;
  bottom: 0;
  background: #0e0e0e url(../images/loader-ring.svg) no-repeat center center;
  z-index: 991; }

.section-title a:hover, .section-title a:focus {
  text-decoration: none; }
.section-title span {
  display: inline-block; }

@media only screen and (min-width: 1750px) {
  .pg-mlp > [class*=col-]:first-child, .pg-mlp > [class*=col-]:nth-child(2) {
    width: 25%; }

  .pg-mlp > [class*=col-]:last-child {
    width: 50%; } }
.pg-close {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 24px;
  height: 24px;
  opacity: 0.8; }

.pg-close:hover {
  opacity: 1; }

.pg-close:before, .pg-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 24px;
  width: 1px;
  background-color: #fff; }

.pg-close:before {
  transform: rotate(45deg); }

.pg-close:after {
  transform: rotate(-45deg); }

.btn-pkg {
  background: #000; }

.pkg-features {
  list-style: none;
  margin: 0;
  padding: 0; }
  .pkg-features li {
    position: relative;
    padding-left: 25px; }
    .pkg-features li .fa {
      position: absolute;
      left: 0;
      top: 4px;
      font-size: 13px;
      color: #fff; }

@media (min-width: 480px) {
  .pkg-features.one-half li {
    width: 50%;
    float: left; } }
.title-split > [class*=col-]:first-child {
  padding-top: 8px;
  padding-bottom: 8px; }
.title-split > [class*=col-]:last-child {
  text-align: right; }
.title-split > [class*=col-] .btn {
  font-size: 12px; }
@media (max-width: 767px) {
  .title-split > [class*=col-]:first-child {
    padding-top: 0;
    padding-bottom: 15px; }
  .title-split > [class*=col-]:last-child {
    text-align: left; } }

select.form-control {
  background-image: url(../images/select-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select.form-control.select-dark {
    background-color: #282828;
    border-color: #282828;
    color: #f5f7f8; }

.form-control.dark {
  background-color: #282828;
  border-color: #282828;
  color: #f5f7f8; }

.pop-dark {
  color: #fff; }
  .pop-dark .modal-content {
    background: #2d2d2d; }
  .pop-dark .modal-header {
    border-color: #222222; }
  .pop-dark .close {
    color: white;
    text-shadow: none; }
    .pop-dark .close:hover, .pop-dark .close:focus {
      color: #fff; }

.iv-inner-overlay {
  position: relative; }

/*MultiSelect*/
.multiselect-native-select .dropdown-menu {
  background: #282828; }
.multiselect-native-select .dropdown-menu > li > a {
  color: #f5f7f8;
  background: #282828;
  margin-bottom: 1px; }
.multiselect-native-select .dropdown-menu > li > a:focus, .multiselect-native-select .dropdown-menu > li > a:hover, .multiselect-native-select .dropdown-menu > .active > a, .multiselect-native-select .dropdown-menu > .active > a:hover {
  background: #282828;
  color: #fff; }
.multiselect-native-select .dropdown-menu > li > a:hover {
  background: #343434;
  color: #fff; }
.multiselect-native-select .multiselect-container > li > a > label {
  padding: 10px;
  font-size: 11px; }
.multiselect-native-select .multiselect-container > li > a > label input[type="radio"], .multiselect-native-select .multiselect-container > li > a > label input[type="checkbox"] {
  display: none; }
.multiselect-native-select .multiselect-container > li.active > a > label {
  background: #e00712;
  color: #fff; }

/*Filters*/
.pg-filters {
  padding: 25px 0 0;
  font-size: 0;
  margin-bottom: -6px; }
  .pg-filters form {
    margin: 0 -3px; }
  .pg-filters .btn-group {
    display: block; }
  .pg-filters .btn-info:focus {
    background: #f5f7f8;
    border-color: #f5f7f8;
    color: #0e0e0e; }
  .pg-filters .btn-info:hover {
    background: #e00712;
    border-color: #e00712;
    color: #fff; }
  .pg-filters .form-group {
    display: inline-block;
    min-width: 120px;
    margin: 0;
    padding: 0 3px 6px;
    font-size: 11px;
    vertical-align: top; }
    .pg-filters .form-group > label {
      margin: 0;
      padding: 8px 0; }
    .pg-filters .form-group .btn {
      height: 34px;
      width: 100%;
      overflow: hidden;
      float: none;
      font-size: 11px; }
  .pg-filters .pg-filters-right {
    text-align: right; }
    .pg-filters .pg-filters-right .dropdown-menu {
      left: auto;
      right: 0; }
  .pg-filters .section-title {
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0; }
  @media (max-width: 991px) {
    .pg-filters .pg-filters-right .dropdown-menu {
      right: auto;
      left: 0; } }
  @media (max-width: 767px) {
    .pg-filters .form-group {
      min-width: 50%; }
    .pg-filters .dropdown-menu {
      width: 100%; }
    .pg-filters .pg-filters-right {
      text-align: center; } }
  @media (max-width: 479px) {
    .pg-filters .form-group {
      min-width: 100%; } }

.pg-divider span {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #fff;
  line-height: .8; }
  .pg-divider span:last-child {
    border-right: none; }

.rotate-90 {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.iv-widget {
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 1px 3px #e6ebee; }
  .iv-widget .iv-widget-header {
    padding: 10px 15px;
    border-bottom: 1px solid white; }
  .iv-widget .iv-widget-body {
    padding: 15px; }
  .iv-widget .iv-widget-footer {
    padding: 10px 15px;
    border-top: 1px solid #f5f7f8; }

/*Swith Button*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  margin-bottom: 0;
  height: 30px; }
  .switch .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    color: #fff;
    line-height: 30px;
    font-size: 11px;
    background-color: #666666;
    border-radius: 20px; }
    .switch .switch-slider .switch-on {
      float: left;
      width: 50%;
      text-align: right;
      display: none; }
    .switch .switch-slider .switch-off {
      float: right;
      width: 50%;
      text-align: left; }
  .switch .switch-slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-radius: 100%; }
  .switch input:checked + .switch-slider {
    background: #38bd77 !important; }
    .switch input:checked + .switch-slider .switch-off {
      display: none; }
    .switch input:checked + .switch-slider .switch-on {
      display: block; }
  .switch input:checked + .switch-slider:before {
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }

.modal-open .modal {
  overflow-y: hidden; }

.iv-checkbox, .iv-radio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 30px;
  min-height: 18px;
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }

.iv-checkbox > input, .iv-radio > input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.iv-checkbox > span, .iv-radio > span {
  border: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px; }

.iv-checkbox > span:after, .iv-radio > span:after {
  content: '';
  position: absolute;
  display: none; }

.iv-checkbox > span:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #f5f7f8;
  border-width: 0 2px 2px 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.iv-radio > span {
  border-radius: 100%; }

.iv-radio > span:after {
  left: 4px;
  top: 4px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #f5f7f8; }

.input-icon > i, .iv-checkbox-list .iv-checkbox, .iv-checkbox-list .iv-radio, .iv-checkbox > input:checked ~ span:after, .iv-radio-list .iv-checkbox, .iv-radio-list .iv-radio, .iv-radio > input:checked ~ span:after {
  display: block; }

.iv-checkbox.iv-checkbox-outline:hover > input:not([disabled]):checked ~ span, .iv-checkbox.iv-checkbox-outline:hover > input:not([disabled]) ~ span, .iv-checkbox.iv-checkbox-outline > input:checked ~ span, .iv-checkbox.iv-checkbox-outline > input:focus ~ span, .iv-checkbox.iv-checkbox-outline > span, .iv-checkbox.iv-radio-outline:hover > input:not([disabled]):checked ~ span, .iv-checkbox.iv-radio-outline:hover > input:not([disabled]) ~ span, .iv-checkbox.iv-radio-outline > input:checked ~ span, .iv-checkbox.iv-radio-outline > input:focus ~ span, .iv-checkbox.iv-radio-outline > span, .iv-radio.iv-checkbox-outline:hover > input:not([disabled]):checked ~ span, .iv-radio.iv-checkbox-outline:hover > input:not([disabled]) ~ span, .iv-radio.iv-checkbox-outline > input:checked ~ span, .iv-radio.iv-checkbox-outline > input:focus ~ span, .iv-radio.iv-checkbox-outline > span, .iv-radio.iv-radio-outline:hover > input:not([disabled]):checked ~ span, .iv-radio.iv-radio-outline:hover > input:not([disabled]) ~ span, .iv-radio.iv-radio-outline > input:checked ~ span, .iv-radio.iv-radio-outline > input:focus ~ span, .iv-radio.iv-radio-outline > span {
  border: 1px solid #f5f7f8;
  background: 0 0; }

.iv-checkbox > input:disabled ~ span, .iv-radio > input:disabled ~ span {
  opacity: 0.3;
  pointer-events: none; }

.checkbox-wrapper .checkbox-item {
  position: absolute;
  opacity: 0;
  z-index: 1;
  min-width: 100%;
  height: 18px; }
  .checkbox-wrapper .checkbox-item + label {
    position: relative;
    cursor: pointer;
    padding: 0; }
  .checkbox-wrapper .checkbox-item + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid #acacac;
    border-radius: 3px; }
  .checkbox-wrapper .checkbox-item.errorCheckbox + label:before {
    border-color: #e00712; }
  .checkbox-wrapper .checkbox-item:hover + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  .checkbox-wrapper .checkbox-item:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  .checkbox-wrapper .checkbox-item:checked + label:before, .checkbox-wrapper .checkbox-item.checked-item + label:before {
    background: #e00712;
    border-color: #e00712; }
  .checkbox-wrapper .checkbox-item:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .checkbox-wrapper .checkbox-item:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  .checkbox-wrapper .checkbox-item:checked + label:after, .checkbox-wrapper .checkbox-item.checked-item + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg); }

/* Country Language */
.btn-lang {
  background: #fff;
  color: #0e0e0e;
  font-size: 14px; }
  .btn-lang span {
    font-weight: 400; }

.pg-lang .dropdown-menu {
  margin: 0;
  padding: 0;
  font-size: 13px;
  left: auto;
  right: 0; }
.pg-lang .dropdown-menu > li > a {
  padding: 10px 12px;
  cursor: pointer; }

/* No Service Modal */
.noService-modal .modal-sm {
  width: auto;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto; }
.noService-modal .modal-content {
  margin: 0 10px; }

.noService-body {
  background: #2d2d2d;
  padding: 0;
  text-align: center;
  color: #fff; }

.noService-icon {
  margin-bottom: 20px; }
  .noService-icon span {
    display: inline-block;
    width: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    height: 80px;
    text-indent: 4px;
    background: #e00712;
    border-radius: 100%;
    margin-top: -40px;
    position: relative; }
    .noService-icon span:after {
      background: #e00712;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      top: 39px;
      -moz-transform: rotate(25deg);
      -o-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg);
      width: 100%; }

.noService-top {
  padding: 15px; }
  .noService-top h2 {
    margin: 0 0 35px;
    font-size: 24px;
    font-weight: 900; }
  .noService-top p {
    margin-bottom: 10px; }

.noService-close {
  border: 2px solid #fff !important;
  border-radius: 100%;
  color: #fff;
  font-size: 18px;
  height: 32px;
  line-height: 24px;
  font-weight: 300;
  opacity: 1;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  bottom: -100px;
  display: inline-block;
  text-align: center;
  width: 32px; }
  .noService-close:hover, .noService-close:focus {
    color: #fff;
    opacity: 1;
    text-decoration: none; }

.body-blur {
  filter: blur(100px);
  -moz-filter: blur(100px);
  -webkit-filter: blur(100px);
  -ms-filter: blur(100px); }

.w-100 {
  width: 100%; }

.modal-dark {
  background: rgba(0, 0, 0, 0.6); }
  .modal-dark .modal-dialog {
    max-width: 800px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center; }
    .modal-dark .modal-dialog .modal-content {
      background: #0e0e0e;
      border: none;
      color: #fff;
      border-radius: 0; }
      .modal-dark .modal-dialog .modal-content .modal-header {
        border-color: #1b1b1b; }
        .modal-dark .modal-dialog .modal-content .modal-header .close {
          color: #fff;
          opacity: .8; }
      .modal-dark .modal-dialog .modal-content .modal-body {
        background: #0e0e0e; }
      .modal-dark .modal-dialog .modal-content .modal-footer {
        border-color: #1b1b1b; }

.iv-modal-dark {
  background: rgba(0, 0, 0, 0.6); }
  .iv-modal-dark .modal-dialog .modal-content {
    background: #323232;
    border: none;
    color: #fff;
    border-radius: 0; }
    .iv-modal-dark .modal-dialog .modal-content .modal-header {
      border-color: rgba(255, 255, 255, 0.1); }
      .iv-modal-dark .modal-dialog .modal-content .modal-header .close {
        color: #fff;
        opacity: .8; }
    .iv-modal-dark .modal-dialog .modal-content .modal-body {
      background: #323232; }
    .iv-modal-dark .modal-dialog .modal-content .modal-footer {
      border-color: rgba(255, 255, 255, 0.1); }

.ad-blocker-icon {
  color: #e00712;
  font-size: 100px;
  text-align: center;
  padding: 30px 0; }

.ad-blocker-excerpt {
  padding: 30px 0; }

.text-white {
  color: #fff; }

.text-white-70 {
  color: rgba(255, 255, 255, 0.7); }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5); }

.iv-points span {
  display: inline-block; }

.iv-points span + span {
  margin-left: 10px;
  padding-left: 10px;
  line-height: 13px;
  border-left: 1px solid #676767; }

.d-inline-block {
  display: inline-block; }

.channel-lock-left .channel-lock-thumb {
  text-align: center;
  display: inline-block;
  width: 90px;
  height: 110px;
  background: #fff;
  line-height: 70px;
  padding: 15px; }

.channel-lock-left .channel-lock-thumb img {
  max-height: 80px;
  vertical-align: middle; }

.pg-header .pro-user > ul > li.top-not-logged > a {
  padding: 0 10px;
  text-transform: capitalize;
  background: #e91c23; }

.top-not-logged .btn-primary {
  border-color: transparent; }

.dl-rtl {
  padding: 20px 10%;
  float: none !important; }

.has-cookie .main-wrap {
  padding-bottom: 64px; }

.is-cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  margin: 0;
  padding: 20px 0;
  background: #000;
  color: #fff;
  border: none;
  box-shadow: 0 0 5px #0e0e0e; }
  .is-cookie-bar .close {
    font-size: 12px;
    top: 0;
    right: 0;
    background: #fff;
    color: #0e0e0e;
    opacity: 1;
    padding: 6px 15px;
    text-shadow: none;
    margin-left: 10px; }
    .is-cookie-bar .close:hover {
      background: #e91c23;
      color: #fff;
      opacity: 1; }

/*--Form styles--*/
.form-group {
  margin-bottom: 1.5em; }
  .form-group label {
    color: #000;
    padding-left: 0.8em;
    font-size: 0.8em; }
  .form-group .form-control {
    color: #000;
    background-color: #f5f7f8;
    border: 0.1em solid #bdbfc0;
    min-height: 55px;
    border-radius: 2px;
    color: #5a5a5a;
    line-height: 1.8;
    display: flex;
    align-items: center; }
    .form-group .form-control:focus {
      outline: none;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24); }
  .form-group .btn-section {
    margin-top: 2.5em; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel {
  background: rgba(0, 0, 0, 0.85) !important; }

.btn-more {
  color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
  background: transparent; }
  .btn-more:hover, .btn-more:focus {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fff; }

.d-block {
  display: block; }

.dropdown-menu-dark {
  background: #2d2d2d;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); }
  .dropdown-menu-dark.dropdown-menu > li > a {
    padding: 8px 15px;
    color: #f5f7f8; }
    .dropdown-menu-dark.dropdown-menu > li > a:hover, .dropdown-menu-dark.dropdown-menu > li > a:focus {
      background: #1b1b1b; }

.max-300 {
  max-width: 300px; }

.icon-float {
  float: left; }

.iv-toast {
  position: fixed;
  right: -100%;
  background: #000;
  padding: 15px 20px;
  top: 80px;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 9999;
  max-width: calc(100% - 60px);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  word-wrap: break-word;
  width: auto;
  max-width: 340px; }
  .iv-toast.show {
    right: 30px;
    opacity: 1;
    visibility: visible; }

@media (max-width: 767px) {
  .iv-toast {
    font-size: 12px;
    max-width: calc(100% - 15px); }

  .iv-toast.show {
    right: 15px; } }
.modal-xl {
  width: auto;
  max-width: 1140px; }

.iv-cross {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  height: 24px;
  opacity: 0.8; }

.iv-cross:hover {
  opacity: 1; }

.iv-cross:before, .iv-cross:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #fff; }

.iv-cross:before {
  transform: rotate(45deg); }

.iv-cross:after {
  transform: rotate(-45deg); }

/****** Layouts ******/
.pg-header {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 999;
  height: 60px;
  color: #fff; }
  .pg-header.sticky {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999; }
  .pg-header a {
    color: #fff; }
  .pg-header .top-right-wrap .user-title {
    white-space: nowrap;
    font-size: 16px; }
    .pg-header .top-right-wrap .user-title i {
      line-height: 1; }
      .pg-header .top-right-wrap .user-title i:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle; }
  .pg-header .pg-sidenav-toggle {
    position: absolute;
    left: 0;
    top: 25px;
    text-indent: -4000px; }
    .pg-header .pg-sidenav-toggle .badge {
      position: absolute;
      top: -10px;
      left: -6px;
      z-index: 1; }
  .pg-header .pg-logo {
    line-height: 30px;
    height: 60px;
    padding: 15px 0 15px 0; }
    @media (min-width: 768px) {
      .pg-header .pg-logo .main-logo {
        min-height: 50px; } }
    .pg-header .pg-logo img {
      max-height: 50px;
      vertical-align: middle; }
  .pg-header .pg-mainnav-toggle {
    float: left;
    margin: 22px 0 0 30px; }
  .pg-header .top-right-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15px; }
    .pg-header .top-right-wrap > div + div {
      margin-left: 5px; }
    .pg-header .top-right-wrap .pg-lang {
      display: none; }
  .pg-header .navbar-collapse {
    padding-left: 0;
    padding-right: 0; }
  .pg-header .primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; }
    .pg-header .primary-nav ul li {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .pg-header .primary-nav ul li a {
        padding: 15px 10px;
        min-width: 90px;
        color: #fff;
        line-height: 30px;
        font-size: 15px;
        overflow: hidden;
        position: relative;
        display: block;
        font-weight: 400; }
        .pg-header .primary-nav ul li a:before {
          background: #fff;
          content: "";
          height: 2px;
          width: 0;
          left: 50%;
          position: absolute;
          bottom: 0;
          -webkit-transition: all 0.2s linear 0s;
          -moz-transition: all 0.2s linear 0s;
          -ms-transition: all 0.2s linear 0s;
          -o-transition: all 0.2s linear 0s;
          transition: all 0.2s linear 0s;
          z-index: -1; }
        .pg-header .primary-nav ul li a:hover, .pg-header .primary-nav ul li a:focus {
          color: #e00712;
          text-decoration: none;
          background: transparent; }
          .pg-header .primary-nav ul li a:hover:before, .pg-header .primary-nav ul li a:focus:before {
            width: 100%;
            left: 0;
            background-color: #e00712; }
      .pg-header .primary-nav ul li.active > a {
        color: #fff;
        font-weight: 600; }
        .pg-header .primary-nav ul li.active > a:before {
          width: 100%;
          left: 0;
          background: #fff; }
      .pg-header .primary-nav ul li.movies-dropdown {
        position: static; }
        .pg-header .primary-nav ul li.movies-dropdown .dropdown-toggle {
          display: flex;
          align-items: center; }
          .pg-header .primary-nav ul li.movies-dropdown .dropdown-toggle i {
            display: inline-block;
            margin-left: 10px;
            font-size: 18px;
            transition: all 0.5s ease; }
        .pg-header .primary-nav ul li.movies-dropdown .dropdown-menu {
          display: none;
          background: rgba(0, 0, 0, 0.85);
          margin: 0px auto;
          width: 100%;
          justify-content: center;
          padding: 0px; }
          .pg-header .primary-nav ul li.movies-dropdown .dropdown-menu .dropdown-item a {
            display: block;
            text-align: center; }
      .pg-header .primary-nav ul li.open.movies-dropdown .dropdown-toggle i {
        transform: rotate(180deg);
        transition: all 0.5s ease; }
      .pg-header .primary-nav ul li.open.movies-dropdown .dropdown-menu {
        display: flex; }
  .pg-header .primary-nav-wrapper::before, .pg-header .primary-nav-wrapper::after {
    content: none; }
  .pg-header .top-right-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right; }
    .pg-header .top-right-nav ul li {
      margin-left: 12px;
      display: inline-block;
      position: static;
      padding: 15px 0; }
      .pg-header .top-right-nav ul li a {
        display: block;
        width: 30px;
        height: 30px;
        padding: 2px 0;
        border: 2px solid #fff;
        text-align: center; }
        .pg-header .top-right-nav ul li a:hover, .pg-header .top-right-nav ul li a:focus, .pg-header .top-right-nav ul li a.active {
          color: #e00712;
          background: #fff;
          text-decoration: none; }
        .pg-header .top-right-nav ul li a.active:hover {
          background: #e00712;
          color: #fff; }
      .pg-header .top-right-nav ul li.open a {
        background: #e00712;
        color: #fff; }
  .pg-header .top-right-nav .dropdown-menu {
    left: auto;
    right: 0;
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 30px 25px; }
  .pg-header .top-right-nav .pg-search {
    position: relative;
    overflow: hidden; }
    .pg-header .top-right-nav .pg-search button {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      background: #e00712;
      width: 34px;
      text-align: center;
      line-height: 30px;
      font-size: 16px;
      border: none; }
      .pg-header .top-right-nav .pg-search button:hover {
        background: #af050e; }
  .pg-header .dt-search-toggle {
    float: left;
    padding-top: 13px; }
  .pg-header .dt-search {
    display: block;
    position: relative;
    margin-right: 10px; }
    .pg-header .dt-search .fa-spinner {
      position: absolute;
      top: 10px;
      right: 40px;
      text-align: center;
      line-height: 100%;
      color: #e00712; }
    .pg-header .dt-search .form-control {
      display: block;
      transition: all 0.5s ease;
      width: 100%;
      min-width: 0;
      opacity: 0;
      padding: 10px 20px 10px 15px;
      font-size: 12px;
      font-weight: 600;
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
      border: 2px solid #f5f7f8;
      background-color: rgba(0, 0, 0, 0.85);
      color: rgba(255, 255, 255, 0.7);
      border-radius: 0;
      min-height: 40px; }
      .pg-header .dt-search .form-control.placeholder {
        color: #f5f7f8; }
      .pg-header .dt-search .form-control:-moz-placeholder {
        color: #f5f7f8; }
      .pg-header .dt-search .form-control::-moz-placeholder {
        color: #f5f7f8; }
      .pg-header .dt-search .form-control:-ms-input-placeholder {
        color: #f5f7f8; }
      .pg-header .dt-search .form-control::-webkit-input-placeholder {
        color: #f5f7f8; }
      .pg-header .dt-search .form-control:focus {
        box-shadow: none;
        outline: none; }
        .pg-header .dt-search .form-control:focus + button {
          color: #fff; }
          .pg-header .dt-search .form-control:focus + button:hover {
            color: #fff; }
    .pg-header .dt-search button {
      width: auto;
      height: auto;
      line-height: 1;
      border: none;
      background: transparent;
      text-align: center;
      color: #f5f7f8;
      position: absolute;
      margin-right: 0;
      padding-bottom: 0;
      top: 10px;
      right: 0;
      bottom: auto; }
      .pg-header .dt-search button:hover {
        background: transparent;
        color: #fff; }
      .pg-header .dt-search button #top_search_btn {
        display: inline-block; }
      .pg-header .dt-search button #clear_top_search {
        display: none; }
    .pg-header .dt-search .field-wrapper {
      position: relative; }
    .pg-header .dt-search.active-search .form-control {
      width: 100%;
      opacity: 1;
      transform: translate(15px, 0);
      min-width: 320px;
      transition: all 0.8s 0.5s ease; }
      @media (max-width: 767px) {
        .pg-header .dt-search.active-search .form-control {
          transform: translate(0, 0);
          min-width: 250px; } }
      .pg-header .dt-search.active-search .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7);
        opacity: 1; }
      .pg-header .dt-search.active-search .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      .pg-header .dt-search.active-search .form-control::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
    .pg-header .dt-search.active-search button #clear_top_search {
      display: inline-block; }
    .pg-header .dt-search.active-search button #top_search_btn {
      display: none; }
  .pg-header .pro-user {
    float: left;
    /*margin-left:15px;*/ }
    .pg-header .pro-user > ul {
      list-style: none;
      margin: 0;
      font-size: 0;
      padding: 0; }
      .pg-header .pro-user > ul > li {
        position: relative;
        font-size: 13px;
        vertical-align: top;
        display: inline-block;
        padding: 0 8px 8px; }
        @media (max-width: 767px) {
          .pg-header .pro-user > ul > li {
            padding: 0 0 12px; } }
        .pg-header .pro-user > ul > li > a {
          display: block;
          line-height: 32px;
          text-align: center;
          padding: 0; }
          .pg-header .pro-user > ul > li > a:hover, .pg-header .pro-user > ul > li > a:focus {
            text-decoration: none;
            background: transparent; }
          .pg-header .pro-user > ul > li > a img {
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 100%;
            min-width: 2em;
            max-width: 2em; }
        .pg-header .pro-user > ul > li.open > a {
          background: transparent; }
        .pg-header .pro-user > ul > li .dropdown-menu {
          left: auto;
          right: 0;
          padding: 0;
          border: none;
          min-width: 200px;
          margin: 0;
          background: rgba(0, 0, 0, 0.9); }
          .pg-header .pro-user > ul > li .dropdown-menu li a {
            padding: 5px 12px;
            display: block;
            color: #fff;
            overflow: hidden;
            font-size: 13px; }
            .pg-header .pro-user > ul > li .dropdown-menu li a i, .pg-header .pro-user > ul > li .dropdown-menu li a img {
              min-width: 20px; }
            .pg-header .pro-user > ul > li .dropdown-menu li a img {
              width: 18px;
              min-width: inherit;
              margin-right: 4px; }
            .pg-header .pro-user > ul > li .dropdown-menu li a.signout-btn {
              font-weight: 700;
              background: #222222; }
          .pg-header .pro-user > ul > li .dropdown-menu li.pro-user-info {
            font-size: 11px;
            font-weight: 300;
            padding: 16px 15px 8px;
            display: none; }
            .pg-header .pro-user > ul > li .dropdown-menu li.pro-user-info h6 {
              margin: 0;
              font-weight: 500; }
            .pg-header .pro-user > ul > li .dropdown-menu li.pro-user-info p {
              margin: 0; }
          .pg-header .pro-user > ul > li .dropdown-menu li.divider {
            margin: 2px 0; }
        .pg-header .pro-user > ul > li .dropdown-menu > li > a:focus, .pg-header .pro-user > ul > li .dropdown-menu > li > a:hover {
          background: #222222;
          color: #fff; }
        .pg-header .pro-user > ul > li .dropdown-menu > li > a:focus.signout-btn:hover, .pg-header .pro-user > ul > li .dropdown-menu > li > a.signout-btn:hover {
          background: #e00712; }
        .pg-header .pro-user > ul > li .dropdown-menu .divider {
          background: #1b1b1b; }
        .pg-header .pro-user > ul > li.open .dropdown-menu:before {
          content: "";
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          position: absolute;
          top: -10px;
          right: 10px;
          border-bottom: 15px solid rgba(0, 0, 0, 0.9); }
        .pg-header .pro-user > ul > li.top-notification > .dropdown-toggle {
          height: 34px;
          width: 34px;
          line-height: 34px;
          background: #636663;
          color: #fff;
          border-radius: 100%; }
        .pg-header .pro-user > ul > li.top-notification .badge {
          position: absolute;
          top: 4px;
          left: 4px;
          z-index: 1; }
        .pg-header .pro-user > ul > li.top-notification .dropdown-menu {
          font-size: 12px;
          min-width: 400px;
          min-height: 200px; }
          .pg-header .pro-user > ul > li.top-notification .dropdown-menu li a {
            white-space: normal;
            color: #f5f7f8;
            font-size: 10px;
            border-bottom: 1px solid #1b1b1b; }
          .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-thumb {
            float: left;
            width: 30px; }
            .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-thumb img {
              background-position: top center;
              background-repeat: no-repeat;
              background-size: cover; }
          .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt {
            margin-left: 40px; }
            .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt h6 {
              font-size: 12px;
              font-weight: 600;
              color: #fff;
              margin-bottom: 5px; }
              .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt h6 time {
                float: right;
                font-size: 10px;
                color: #f5f7f8; }
            .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt p {
              margin-bottom: 0; }
        .pg-header .pro-user > ul > li.top-notification .dropdown-menu > li > a:focus, .pg-header .pro-user > ul > li.top-notification .dropdown-menu > li > a:hover {
          background: #343434;
          color: #fff; }
        .pg-header .pro-user > ul > li.top-not-logged {
          padding-top: 0; }
          .pg-header .pro-user > ul > li.top-not-logged > a {
            padding: 0 10px;
            text-transform: capitalize;
            background: #e91c23;
            border-color: #e91c23; }
            .pg-header .pro-user > ul > li.top-not-logged > a:hover {
              background: #bf1318 !important;
              border-color: #bf1318;
              color: #fff; }
        .pg-header .pro-user > ul > li.account-menu .dropdown-menu {
          margin-top: 5px; }
        .pg-header .pro-user > ul > li.account-menu .account-btn {
          display: flex;
          align-items: center; }
          .pg-header .pro-user > ul > li.account-menu .account-btn:focus, .pg-header .pro-user > ul > li.account-menu .account-btn:hover {
            color: #fff; }
          .pg-header .pro-user > ul > li.account-menu .account-btn .user-title {
            margin-right: 10px;
            white-space: nowrap;
            font-size: 16px;
            line-height: 1;
            display: inline-block;
            padding: 5px 0 0;
            cursor: pointer; }
            .pg-header .pro-user > ul > li.account-menu .account-btn .user-title .fa {
              display: inline-block;
              margin-left: 5px;
              transition: all 0.5s ease; }
        .pg-header .pro-user > ul > li.account-menu.open .user-title .fa {
          transform: rotate(180deg);
          transition: all 0.5s ease; }
  @media (max-width: 991px) {
    .pg-header .primary-nav ul li a {
      font-weight: 600;
      padding: 15px 8px; }
    .pg-header .marketplace-logo {
      font-size: 1.5em; } }
  @media (max-width: 767px) {
    .pg-header {
      background-color: rgba(0, 0, 0, 0.8); }
      .pg-header .main-logo {
        max-height: inherit;
        max-width: 100%; }
      .pg-header .marketplace-logo {
        font-size: 1em; }
      .pg-header .dt-search-toggle {
        padding-top: 8px; }
      .pg-header .dt-search-mobile {
        background: #0e0e0e; }
        .pg-header .dt-search-mobile .dt-search {
          margin: 0;
          width: auto;
          float: none !important;
          padding: 30px; }
          .pg-header .dt-search-mobile .dt-search form {
            position: relative; }
            .pg-header .dt-search-mobile .dt-search form input {
              opacity: 1; }
            .pg-header .dt-search-mobile .dt-search form #top_search_btn {
              display: none; }
        .pg-header .dt-search-mobile .autosearch-wrap {
          position: static;
          width: auto; }
      .pg-header .primary-nav {
        border: none;
        padding: 0;
        margin: 0 -15px;
        border-top: 1px solid #fff; }
      .pg-header .primary-nav ul li {
        display: block; }
      .pg-header .primary-nav ul li a:after {
        content: none; }
      .pg-header .primary-nav ul li a {
        line-height: 1;
        text-align: left; }
      .pg-header .pg-logo {
        padding: 15px 0 15px 35px; }
      .pg-header #lang_name {
        display: none !important; }
      .pg-header .pg-lang .dropdown-menu {
        min-width: 100%; }
      .pg-header .pg-header-right .top-right-wrap {
        padding-top: 0; }
        .pg-header .pg-header-right .top-right-wrap .user-title {
          display: none; }
      .pg-header .pg-sidenav-toggle {
        top: 0px; }
        .pg-header .pg-sidenav-toggle .c-hamburger {
          display: block; } }
    @media (max-width: 767px) and (max-width: 575px) {
      .pg-header .pg-sidenav-toggle {
        top: 5px; } }

.badge-light {
  background: #fff;
  color: #e00712;
  font-weight: 400;
  font-size: 9px;
  padding: 2px 5px;
  box-shadow: 0 0 3px #666666; }

@media (max-width: 1199px) {
  .pg-header.pro-header .primary-nav ul li a {
    min-width: inherit; } }
@media only screen and (min-width: 1200px) and (max-width: 1510px) {
  .pg-header .pg-header-left {
    width: 25%; }

  .pg-header .pg-header-center {
    width: 50%; }

  .pg-header .pg-header-right {
    width: 25%; } }
@media only screen and (min-width: 1024px) and (max-width: 1336px) {
  #lang_name {
    display: none !important; } }
@media only screen and (max-width: 1510px) {
  .pg-header .primary-nav ul li a {
    min-width: inherit;
    font-weight: 600; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pg-header .pg-header-left {
    width: 35%; }

  .pg-header .pg-header-center {
    display: none !important; }

  .pg-header .pg-header-right {
    width: 65%; } }
.landing-page .page-header .top-overlay {
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 60%);
  height: 6em;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
.landing-page .page-header.sticky {
  z-index: 999;
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 60%); }

.pg-footer {
  font-size: 1vw;
  background: transparent;
  color: #808080;
  position: relative;
  z-index: 9; }
  .pg-footer h2 {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0.8em; }
  .pg-footer .top-footer {
    background-color: #141414;
    border-bottom: 1px solid #2d2d2d;
    padding: 2.5em 0; }
    .pg-footer .top-footer .row {
      display: flex;
      flex-wrap: wrap; }
      .pg-footer .top-footer .row:before, .pg-footer .top-footer .row:after {
        content: none; }
    .pg-footer .top-footer .vertical-list {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0; }
      .pg-footer .top-footer .vertical-list li {
        display: block; }
        .pg-footer .top-footer .vertical-list li a {
          display: inline-block;
          padding: 5px 0;
          line-height: 1.5;
          font-size: 0.75em; }
    .pg-footer .top-footer .social-links .vertical-list {
      display: inline-flex; }
      .pg-footer .top-footer .social-links .vertical-list li {
        margin-right: 1em; }
        .pg-footer .top-footer .social-links .vertical-list li a {
          width: 2.5em;
          height: 2.5em;
          background-color: #fff;
          color: #0e0e0e;
          font-size: 1em;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100%; }
          .pg-footer .top-footer .social-links .vertical-list li a:hover, .pg-footer .top-footer .social-links .vertical-list li a:focus {
            background-color: #e00712;
            color: #fff; }
        .pg-footer .top-footer .social-links .vertical-list li:last-child {
          margin-right: 0; }
  .pg-footer .bottom-footer {
    background-color: #141414;
    padding: 0.5em 0;
    color: #fff; }
    .pg-footer .bottom-footer .content-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      padding: 0.5em 0; }
      .pg-footer .bottom-footer .content-wrapper .leftcontent {
        width: 100%;
        padding-top: 1.5em; }
        .pg-footer .bottom-footer .content-wrapper .leftcontent .inline-list {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 1.5em; }
          .pg-footer .bottom-footer .content-wrapper .leftcontent .inline-list.social-btn a {
            width: 40px;
            height: 40px;
            border: 1px solid #fff;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .pg-footer .bottom-footer .content-wrapper .leftcontent .inline-list.social-btn a:hover, .pg-footer .bottom-footer .content-wrapper .leftcontent .inline-list.social-btn a:focus {
              background-color: #e00712;
              color: #fff;
              border-color: #e00712; }
        .pg-footer .bottom-footer .content-wrapper .leftcontent a {
          margin-left: 10px; }
          .pg-footer .bottom-footer .content-wrapper .leftcontent a:first-child {
            margin-left: 0; }
          .pg-footer .bottom-footer .content-wrapper .leftcontent a img {
            max-width: 135px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 6px; }
      .pg-footer .bottom-footer .content-wrapper .rightcontent {
        width: 100%;
        font-size: 0.8em; }
        .pg-footer .bottom-footer .content-wrapper .rightcontent.pg-copyright {
          text-align: center;
          line-height: 1.5;
          color: #808080; }
  .pg-footer a {
    color: #808080; }
    .pg-footer a:hover, .pg-footer a:focus {
      text-decoration: none;
      color: #e00712; }
  @media (max-width: 1199px) {
    .pg-footer {
      text-align: left;
      font-size: 1.5vw; }
      .pg-footer .container-fluid {
        padding: 0 2em; } }
  @media (max-width: 767px) {
    .pg-footer {
      text-align: left;
      font-size: 2.5vw; }
      .pg-footer .top-footer .vertical-list {
        margin-bottom: 1em; } }
  @media (max-width: 540px) {
    .pg-footer {
      font-size: 3.5vw; }
      .pg-footer .bottom-footer {
        padding: 1em 0; }
        .pg-footer .bottom-footer .content-wrapper {
          justify-content: center; }
          .pg-footer .bottom-footer .content-wrapper .copyright {
            margin-bottom: 0.5em; } }

.mb-header {
  background: #e00712;
  margin-bottom: 15px;
  padding: 20px 0; }
  .mb-header h1 {
    margin: 0;
    font-size: 18px; }
  .mb-header .mb-back {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 18px; }
    .mb-header .mb-back:hover, .mb-header .mb-back:focus {
      color: #0e0e0e;
      text-decoration: none; }

/****** Full Pages ******/
.title-header {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  display: inline-block;
  justify-content: space-between;
  display: flex;
  align-items: center; }
  .title-header.justify-left {
    justify-content: flex-start; }
  .title-header h1 {
    font-size: 1.25em;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    margin: 0; }
  .title-header .viewAll-wrapper .view-all {
    font-size: 14px;
    font-weight: 600;
    color: #e00712;
    max-width: 0;
    transition: max-width 1s,opacity 1s,transform 750ms;
    white-space: nowrap;
    vertical-align: bottom;
    cursor: pointer;
    opacity: 0; }

.card-link-item {
  display: inline-flex;
  align-items: center; }
  .card-link-item:hover .viewAll-wrapper .view-all, .card-link-item:focus .viewAll-wrapper .view-all {
    max-width: 200px;
    opacity: 1;
    transition: max-width 1s,opacity 1s,transform 750ms;
    transform: translate(1vw, 0); }

.top-overlay {
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 60%);
  height: 6em;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.shadow-border {
  border-bottom: 1px solid #333333;
  box-shadow: 0 -1px 0 #000 inset;
  width: 100%;
  height: 2px;
  margin: 15px 0; }

.pg-main {
  padding-top: 5em; }

.landing-page .pg-main {
  padding-top: 0; }

.pg-filters {
  display: none; }

.channel-section {
  font-size: 1vw;
  padding: 0;
  margin: 0 -1em; }
  .channel-section .title-header h1 {
    font-size: 1em;
    font-weight: 600; }
  .channel-section .top-overlay {
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 30%);
    top: 0;
    height: 8em; }
  .channel-section:after {
    content: "";
    background: url("../assets/images/.jpg") repeat-x 0 0;
    height: 2px;
    width: 100%;
    display: block; }
  .channel-section .channel-wrapper {
    padding: 0 0;
    font-size: 16px; }
    .channel-section .channel-wrapper .title-header {
      margin-bottom: 0;
      font-size: 18px; }
    .channel-section .channel-wrapper .channel-slider {
      margin: 0 -0.8em;
      position: relative; }
      .channel-section .channel-wrapper .channel-slider .channel-item {
        padding: 0 0.5em;
        position: relative;
        cursor: pointer;
        min-height: 5em;
        margin-bottom: 1em;
        font-size: 1vw; }
        @media (max-width: 991px) {
          .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 1.5vw;
            min-height: 8em; } }
        @media (max-width: 767px) {
          .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 1.9vw;
            min-height: 10em; } }
        @media (max-width: 575px) {
          .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 3vw;
            min-height: 8em; } }
        .channel-section .channel-wrapper .channel-slider .channel-item .channel-box {
          overflow: visible;
          transition: transform 0.5s ease; }
        .channel-section .channel-wrapper .channel-slider .channel-item .channel-logo {
          max-height: 10em; }
          @media (max-width: 1199px) {
            .channel-section .channel-wrapper .channel-slider .channel-item .channel-logo {
              height: inherit; }
              .channel-section .channel-wrapper .channel-slider .channel-item .channel-logo img {
                object-fit: cover;
                height: 100%; } }
        .channel-section .channel-wrapper .channel-slider .channel-item .actionIcon {
          background-color: #fff;
          width: 2.5em;
          height: 2.5em;
          border-radius: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 0.8em; }
          .channel-section .channel-wrapper .channel-slider .channel-item .actionIcon img {
            width: 1em;
            height: 1em; }
          .channel-section .channel-wrapper .channel-slider .channel-item .actionIcon:hover, .channel-section .channel-wrapper .channel-slider .channel-item .actionIcon:focus {
            background-color: #fff;
            transition: all 0.5s ease; }
        .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption {
          background-color: rgba(0, 0, 0, 0.7);
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          justify-content: space-between;
          height: 100%;
          min-height: inherit;
          font-size: "Montserrat", sans-serif;
          opacity: 0;
          transition: all 0.5s ease;
          top: 0;
          bottom: 0;
          position: absolute; }
          @media (max-width: 1199px) {
            .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption {
              justify-content: center; } }
          .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 0.8em 0.8em 0.8em 0; }
            .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-top .channel-number {
              text-align: right;
              flex-grow: 1; }
            .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-top .tag-item {
              font-size: 0.7em;
              padding: 0.2em 0.8em 0.2em 0.4em;
              border-radius: 0 10px 10px 0;
              text-align: center;
              font-family: "Montserrat", sans-serif; }
              .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-top .tag-item.premium {
                background-color: #f0dd08;
                color: #0e0e0e; }
              .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-top .tag-item.free {
                color: #fff;
                background-color: #129c00; }
          .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-bottom {
            width: 100%;
            padding: 0.8em 0.8em 1em; }
            .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-bottom .channel-desc {
              font-family: "Montserrat", sans-serif;
              font-size: 0.8em;
              text-transform: uppercase; }
              @media (max-width: 1199px) {
                .channel-section .channel-wrapper .channel-slider .channel-item .channel-caption .channel-bottom .channel-desc {
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  max-width: 20em;
                  overflow: hidden; } }
        .channel-section .channel-wrapper .channel-slider .channel-item:hover .channel-caption {
          opacity: 1;
          transition: all 0.5s ease; }
        .channel-section .channel-wrapper .channel-slider .channel-item:hover .channel-box {
          transform: scale(1.2);
          transition: transform 0.5s ease;
          position: relative;
          z-index: 10; }
      .channel-section .channel-wrapper .channel-slider .slick-list {
        overflow: hidden; }
      .channel-section .channel-wrapper .channel-slider .slick-dots {
        top: -15px;
        right: 0;
        left: auto;
        bottom: auto;
        padding: 0; }
        .channel-section .channel-wrapper .channel-slider .slick-dots li button {
          background: #fff;
          height: 9px;
          width: 9px; }
        .channel-section .channel-wrapper .channel-slider .slick-dots li.slick-active button {
          height: 12px;
          width: 12px;
          background: #e00712; }
  .channel-section .channel-wrapper .all-channel-wrapper .channel-item .channel-logo {
    max-height: inherit; }
  @media (max-width: 991px) {
    .channel-section {
      font-size: 1.5vw; }
      .channel-section .channel-wrapper .channel-slider .channel-item:hover .channel-caption {
        opacity: 1;
        transition: all 0.5s ease; }
      .channel-section .channel-wrapper .channel-slider .channel-item:hover .channel-box {
        transform: scale(1.15); }
      .channel-section .channel-wrapper .channel-slider .slick-dots {
        top: -36px;
        right: 10px; } }
  @media (max-width: 767px) {
    .channel-section {
      font-size: 2vw; }
      .channel-section .channel-wrapper .channel-slider .slick-dots {
        display: none !important;
        top: -28px; } }
  @media (max-width: 480px) {
    .channel-section {
      font-size: 2.95vw; } }

.title-header {
  margin-bottom: 0; }
  .title-header.mb-15 {
    margin-bottom: 15px !important; }

.whatNew-section {
  font-size: 1vw; }

.pg-logo {
  display: flex;
  align-items: center; }
  .pg-logo a {
    flex-shrink: 0; }

.main-logo {
  display: inline-block;
  margin-right: 0.8em; }
  @media (max-width: 575px) {
    .main-logo {
      max-height: 34px !important;
      max-width: 100px !important;
      position: relative;
      z-index: 1; } }

.marketplace-logo {
  display: flex;
  align-items: center;
  line-height: 1.5;
  border-left: 1px solid #fff;
  padding-left: 1em;
  font-size: 14px; }
  @media (max-width: 479px) {
    .marketplace-logo {
      padding-left: 0.5em; } }
  .marketplace-logo span {
    display: block;
    margin-left: 0.8em; }
    @media (max-width: 420px) {
      .marketplace-logo span {
        display: none; } }
  @media (max-width: 991px) {
    .marketplace-logo {
      font-size: 2em; } }
  @media (max-width: 575px) {
    .marketplace-logo {
      font-size: 4em; } }
  .marketplace-logo:focus, .marketplace-logo:hover {
    color: #fff; }
  .marketplace-logo img {
    max-width: 2.2em; }

.marketplace-modal.pop-dark .modal-content {
  background: transparent;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
  position: relative; }
.marketplace-modal .modal-dialog {
  margin: 60px auto !important;
  height: calc(100% - 120px);
  display: flex;
  align-items: center; }
.marketplace-modal .modal-content {
  border: none;
  position: relative; }
  .marketplace-modal .modal-content .closebtn {
    top: -40px;
    right: 0;
    position: absolute;
    font-size: 40px;
    font-weight: 400;
    opacity: 0.6; }
  .marketplace-modal .modal-content .modal-header {
    border-bottom-color: #595959;
    background-color: rgba(0, 0, 0, 0.8); }
    .marketplace-modal .modal-content .modal-header h6 {
      font-size: 18px;
      font-weight: 500; }
  .marketplace-modal .modal-content .modal-body {
    background-color: rgba(0, 0, 0, 0.8); }
.marketplace-modal .inline-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  border-radius: 0.4em;
  padding: 0;
  font-size: 1vw;
  min-width: 100%;
  max-height: 25em !important;
  overflow: auto !important; }
  @media (max-width: 479px) {
    .marketplace-modal .inline-list {
      align-items: flex-start;
      justify-content: center; } }
  @media (max-width: 991px) {
    .marketplace-modal .inline-list {
      font-size: 1.5vw; } }
  @media (max-width: 767px) {
    .marketplace-modal .inline-list {
      font-size: 2vw; } }
  @media (max-width: 575px) {
    .marketplace-modal .inline-list {
      font-size: 3.5vw; } }
  .marketplace-modal .inline-list li {
    width: 16%;
    margin: 0 0.1em; }
    @media (max-width: 479px) {
      .marketplace-modal .inline-list li {
        width: 24%; } }
    .marketplace-modal .inline-list li.selected a {
      color: #fff;
      background-color: #3a3a3a; }
    .marketplace-modal .inline-list li a {
      padding: 1em 1em;
      margin-bottom: 0.5em; }
      .marketplace-modal .inline-list li a:hover, .marketplace-modal .inline-list li a:focus {
        color: #fff;
        background-color: #3a3a3a;
        transition: all 0.5s ease;
        border-radius: 4px; }
      @media (max-width: 575px) {
        .marketplace-modal .inline-list li a {
          display: block;
          min-width: 8em;
          padding: 0.5em;
          margin-bottom: 0.5em; } }
    .marketplace-modal .inline-list li a {
      display: block;
      min-width: 6em; }
    .marketplace-modal .inline-list li .image-holder {
      margin-bottom: 0.5em; }
      .marketplace-modal .inline-list li .image-holder img {
        max-width: 4em;
        display: block;
        max-height: 100%;
        margin: 0 auto; }
    .marketplace-modal .inline-list li .content-title {
      line-height: 1.5;
      text-align: center;
      font-size: 0.85em; }
@media (max-width: 767px) {
  .marketplace-modal {
    font-size: 3em; } }

/*--Voucher Modal--*/
.voucher-modal {
  font-size: 1vw;
  background-color: rgba(0, 0, 0, 0.5); }
  .voucher-modal .modal-content {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24); }
    .voucher-modal .modal-content .modal-header {
      border-bottom: none; }
      .voucher-modal .modal-content .modal-header .close {
        font-size: 40px;
        font-weight: 300;
        opacity: 1; }
    .voucher-modal .modal-content .voucher-wrapper {
      max-width: 540px;
      margin: 0 auto;
      text-align: center;
      padding: 3em 0;
      min-height: 30em; }
      .voucher-modal .modal-content .voucher-wrapper h1 {
        font-size: 34px;
        margin-bottom: 22px;
        font-weight: 600; }
      .voucher-modal .modal-content .voucher-wrapper p {
        font-size: 18px;
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          .voucher-modal .modal-content .voucher-wrapper p {
            font-size: 16px; } }
      .voucher-modal .modal-content .voucher-wrapper .btn {
        min-height: 3.8em; }
      .voucher-modal .modal-content .voucher-wrapper .form-control {
        background-color: transparent;
        border: none;
        min-height: 3.8em;
        border-bottom: 1px solid #fff;
        margin-bottom: 38px;
        color: #fff; }
      .voucher-modal .modal-content .voucher-wrapper .image-holder {
        margin-bottom: 22px; }

.mb-pkg .mb-pkg-box {
  background: #1b1b1b;
  color: #808080;
  margin-bottom: 15px;
  padding: 15px; }
  .mb-pkg .mb-pkg-box .mb-pkg-title {
    color: #fff; }
  .mb-pkg .mb-pkg-box .mb-pkg-list {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #131313; }
    .mb-pkg .mb-pkg-box .mb-pkg-list:last-child {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0; }
  .mb-pkg .mb-pkg-box .pkg-head h3 {
    margin-bottom: 0; }
  .mb-pkg .mb-pkg-box .pkg-head-left a {
    display: block;
    padding-right: 15px;
    position: relative; }
    .mb-pkg .mb-pkg-box .pkg-head-left a .fa {
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      font-size: 18px;
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .mb-pkg .mb-pkg-box .pkg-head-left a.collapsed .fa {
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
    .mb-pkg .mb-pkg-box .pkg-head-left a h5 {
      margin-bottom: 0;
      font-size: 12px; }
    .mb-pkg .mb-pkg-box .pkg-head-left a p {
      margin-bottom: 0;
      color: #808080; }
    .mb-pkg .mb-pkg-box .pkg-head-left a:hover, .mb-pkg .mb-pkg-box .pkg-head-left a:focus {
      text-decoration: none;
      color: #fff; }
  .mb-pkg .mb-pkg-box .pkg-head-right {
    text-align: right; }
    .mb-pkg .mb-pkg-box .pkg-head-right label {
      font-weight: 400;
      margin: 0;
      font-size: 10px;
      color: #e00712; }
      .mb-pkg .mb-pkg-box .pkg-head-right label input {
        vertical-align: bottom; }
  .mb-pkg .mb-pkg-box .mb-pkg-content {
    padding: 15px 0 0; }

.pkg-listing {
  padding: 30px 0 20px; }
  .pkg-listing .pkg-box {
    background: #1b1b1b;
    color: #808080;
    font-size: 12px;
    margin-bottom: 15px;
    position: relative;
    padding: 15px; }
    .pkg-listing .pkg-box .pkg-head {
      color: #fff;
      margin-bottom: 15px; }
      .pkg-listing .pkg-box .pkg-head h2 {
        margin-bottom: 5px;
        font-size: 14px;
        color: #fff; }
      .pkg-listing .pkg-box .pkg-head p {
        margin-bottom: 0; }
      .pkg-listing .pkg-box .pkg-head .btn {
        margin-bottom: 4px; }
    .pkg-listing .pkg-box .pkg-price {
      text-align: center;
      float: right; }
      .pkg-listing .pkg-box .pkg-price .pkg-idr {
        color: #e00712; }
      .pkg-listing .pkg-box .pkg-price .pkg-amount {
        font-size: 24px;
        font-weight: 700;
        color: #fff; }
      .pkg-listing .pkg-box .pkg-price .pkg-month {
        background: #4d4d4d;
        color: #fff;
        padding: 2px 12px;
        text-transform: uppercase;
        font-size: 11px;
        display: inline-block;
        border-radius: 20px; }
    .pkg-listing .pkg-box .pkg-left {
      float: right; }
    .pkg-listing .pkg-box.pkg-purchased {
      background: transparent; }
  @media only screen and (max-width: 440px) {
    .pkg-listing .pkg-box .pkg-left, .pkg-listing .pkg-box .pkg-right {
      width: 100%; }
    .pkg-listing .pkg-box {
      font-size: 11px; }
    .pkg-listing .pkg-box .pkg-left {
      margin-bottom: 20px; }
    .pkg-listing .pkg-box .pkg-price {
      float: none; } }

.packages-wrap {
  margin: 0 auto;
  max-width: 700px; }

.pkg-listing h2 {
  margin-bottom: 20px;
  font-size: 22px !important; }
.pkg-listing p, .pkg-listing p span, .pkg-listing font span, .pkg-listing * {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #333; }
.pkg-listing .btn {
  margin-bottom: 4px; }

.pkg-summary {
  color: #808080; }
  .pkg-summary .sm-widget {
    border: 1px solid #282828;
    margin-bottom: 15px; }
    .pkg-summary .sm-widget .sm-widget-title {
      background: #282828;
      color: #808080;
      margin-bottom: 0;
      padding: 15px; }
    .pkg-summary .sm-widget .sm-widget-content {
      padding: 15px; }
    .pkg-summary .sm-widget .sm-item {
      font-size: 12px;
      margin-bottom: 15px; }
      .pkg-summary .sm-widget .sm-item h5 {
        margin-bottom: 0;
        color: #fff; }
      .pkg-summary .sm-widget .sm-item p {
        margin-bottom: 0; }
      .pkg-summary .sm-widget .sm-item .sm-item-right {
        text-align: right; }
        .pkg-summary .sm-widget .sm-item .sm-item-right .sm-idr {
          color: #fff;
          font-size: 16px;
          line-height: 1; }
        .pkg-summary .sm-widget .sm-item .sm-item-right .sm-tenure {
          color: #e00712; }
      .pkg-summary .sm-widget .sm-item:last-child {
        margin-bottom: 0; }
    .pkg-summary .sm-widget .checkbox, .pkg-summary .sm-widget .radio {
      margin: 0 0 15px; }
      .pkg-summary .sm-widget .checkbox:last-child, .pkg-summary .sm-widget .radio:last-child {
        margin-bottom: 0; }
    .pkg-summary .sm-widget .promo-code .form-control {
      background: transparent;
      border-color: transparent; }
    .pkg-summary .sm-widget .promo-code label {
      margin: 5px 0 0; }
  .pkg-summary .sm-submit {
    text-align: center; }
    .pkg-summary .sm-submit .btn {
      max-width: 320px;
      margin: 0 auto; }

.dm-wrap {
  padding-bottom: 15px; }
  .dm-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .dm-wrap ul li .dm-list {
      display: block;
      padding: 15px 50px 15px 15px;
      position: relative;
      font-size: 12px;
      border-bottom: 1px solid #464646;
      color: #333; }
      .dm-wrap ul li .dm-list .device-dlt {
        position: absolute;
        right: 15px;
        cursor: pointer;
        color: #000;
        border: 2px solid #000;
        border-radius: 100%;
        height: 32px;
        line-height: 28px;
        position: absolute;
        text-align: center;
        top: 36px;
        width: 32px; }
        .dm-wrap ul li .dm-list .device-dlt:focus, .dm-wrap ul li .dm-list .device-dlt:hover {
          text-decoration: none;
          color: #fff;
          border-color: #fff; }
      .dm-wrap ul li .dm-list .dm-list-left {
        float: left; }
        .dm-wrap ul li .dm-list .dm-list-left span {
          color: #464646;
          width: 28px;
          height: 28px;
          display: inline-block;
          text-align: center;
          line-height: 24px;
          font-weight: 700;
          font-size: 16px;
          border-radius: 100%;
          border: 2px solid #464646; }
      .dm-wrap ul li .dm-list .dm-list-right {
        margin-left: 40px; }
        .dm-wrap ul li .dm-list .dm-list-right h3 {
          margin-bottom: 10px; }
        .dm-wrap ul li .dm-list .dm-list-right p {
          margin-bottom: 10px; }
          .dm-wrap ul li .dm-list .dm-list-right p:last-child {
            margin-bottom: 0; }
        .dm-wrap ul li .dm-list .dm-list-right .dm-location span {
          margin-right: 10px;
          padding-right: 10px;
          display: inline-block;
          border-right: 1px solid #464646;
          line-height: 13px; }
          .dm-wrap ul li .dm-list .dm-list-right .dm-location span:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: none; }
        .dm-wrap ul li .dm-list .dm-list-right .dm-devices {
          color: #464646; }
          .dm-wrap ul li .dm-list .dm-list-right .dm-devices span {
            display: inline-block;
            min-width: 100px;
            margin-right: 20px; }
            .dm-wrap ul li .dm-list .dm-list-right .dm-devices span:last-child {
              margin-right: 0; }
      .dm-wrap ul li .dm-list:hover {
        text-decoration: none;
        background: #464646;
        color: #fff; }
        .dm-wrap ul li .dm-list:hover .device-dlt {
          border-color: #fff;
          color: #fff; }
        .dm-wrap ul li .dm-list:hover .dm-list-right .dm-devices {
          color: #fff; }
        .dm-wrap ul li .dm-list:hover .dm-list-left span {
          color: #fff;
          border-color: #fff; }
        .dm-wrap ul li .dm-list:hover .dm-list-right .dm-location span {
          border-color: #fff; }
      .dm-wrap ul li .dm-list:focus {
        text-decoration: none; }

@media (max-width: 767px) {
  .dm-wrap ul li .dm-list {
    font-size: 11px; }

  .dm-wrap ul li .dm-list .dm-list-right h3 {
    font-size: 14px; } }
.sub-wrap {
  background: url(../images/subscription-bg.jpg) no-repeat top center;
  background-size: cover;
  text-align: center;
  padding: 60px 0; }

.sub-content .sub-logo {
  margin-bottom: 50px; }
.sub-content .sub-title {
  margin-bottom: 60px; }
.sub-content .sub-box {
  border: 2px solid #808080;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: #0e0e0e;
  background: #fff; }
  .sub-content .sub-box .sub-top {
    padding: 25px 15px; }
    .sub-content .sub-box .sub-top h1 {
      color: #000;
      text-transform: uppercase;
      margin-bottom: 0; }
    .sub-content .sub-box .sub-top h4 {
      font-weight: 300;
      margin-bottom: 25px;
      color: #e00712; }
    .sub-content .sub-box .sub-top p {
      font-weight: 300; }
      .sub-content .sub-box .sub-top p:last-child {
        margin-bottom: 0; }
  .sub-content .sub-box .sub-center {
    padding: 5px 15px;
    background: #000;
    font-size: 20px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    color: #fff; }
    .sub-content .sub-box .sub-center span {
      font-size: 32px;
      font-weight: 700;
      vertical-align: middle; }
  .sub-content .sub-box .sub-btm {
    padding: 25px; }
    .sub-content .sub-box .sub-btm h5 {
      margin-bottom: 20px;
      color: #e00712; }
    .sub-content .sub-box .sub-btm p {
      margin-bottom: 20px; }
      .sub-content .sub-box .sub-btm p:last-child {
        margin-bottom: 0; }
    .sub-content .sub-box .sub-btm .sub-term {
      color: #343434; }
    .sub-content .sub-box .sub-btm .btn {
      font-weight: 500; }
  .sub-content .sub-box:hover, .sub-content .sub-box.active {
    border-color: #e00712;
    box-shadow: 0 0 8px #fff; }
    .sub-content .sub-box:hover .sub-center, .sub-content .sub-box.active .sub-center {
      background: #e00712; }
    .sub-content .sub-box:hover .sub-btm .btn, .sub-content .sub-box.active .sub-btm .btn {
      background: #e00712;
      border-color: #e00712;
      color: #fff; }
      .sub-content .sub-box:hover .sub-btm .btn:hover, .sub-content .sub-box.active .sub-btm .btn:hover {
        background: #0e0e0e;
        border-color: #0e0e0e;
        color: #fff; }

@media (max-width: 767px) {
  .sub-wrap {
    padding: 30px 0; }

  .sub-content .sub-title {
    font-size: 16px;
    margin-bottom: 30px; }

  .sub-content .sub-logo {
    margin-bottom: 30px; } }
.landing-wrap {
  background: url(../images/landing-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 30px 0; }
  .landing-wrap:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.7); }
  .landing-wrap .lg-content {
    text-align: center; }
    .landing-wrap .lg-content .lg-ctop {
      padding: 50px 0 0;
      text-shadow: 0 0 5px #1a1a1a;
      font-size: 20px; }
      .landing-wrap .lg-content .lg-ctop h1 {
        font-size: 70px;
        font-weight: 900;
        margin-bottom: 50px; }
      .landing-wrap .lg-content .lg-ctop p {
        margin-bottom: 50px; }
      .landing-wrap .lg-content .lg-ctop .btn {
        min-width: 290px;
        padding: 15px 20px;
        font-weight: 700;
        text-shadow: none; }
    .landing-wrap .lg-content .lg-cbtm {
      margin-bottom: 20px;
      /*padding-top:80px;*/ }
      .landing-wrap .lg-content .lg-cbtm ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .landing-wrap .lg-content .lg-cbtm ul li {
          display: inline-block;
          margin: 0 15px;
          max-width: 72px; }

.lg-header {
  margin-bottom: 30px; }
  .lg-header .lg-head-right {
    text-align: right; }
    .lg-header .lg-head-right .pg-lang {
      margin-right: 8px; }
      .lg-header .lg-head-right .pg-lang .dropdown-menu {
        left: auto;
        right: 0; }
    @media (max-width: 479px) {
      .lg-header .lg-head-right .btn {
        min-width: 80px; } }
  .lg-header .lg-head-left {
    max-height: 30px; }

@media (max-width: 767px) {
  .landing-wrap .lg-content .lg-ctop h1 {
    font-size: 40px; }

  .landing-wrap .lg-content .lg-ctop {
    font-size: 20px; }

  .landing-wrap .lg-content .lg-cbtm ul li {
    margin: 0 10px; } }
.landing-page {
  font-size: 1vw;
  /*------------------------------
  -- Explore MarketPlace Section
  --------------------------------*/
  /*------------------------------
  -- Entertainment Section
  --------------------------------*/
  /*------------------------------
  -- About Section
  --------------------------------*/
  /*------------------------------
  -- Business Section
  --------------------------------*/
  /*------------------------------
  -- Our Partner Section
  --------------------------------*/ }
  @media (max-width: 1024px) {
    .landing-page .wow {
      visibility: visible !important;
      animation: inherit !important;
      -webkit-animation: inherit !important; } }
  @media (max-width: 1199px) {
    .landing-page {
      font-size: 1.1vw; } }
  @media (max-width: 767px) {
    .landing-page {
      font-size: 3vw; } }
  @media (max-width: 479px) {
    .landing-page {
      font-size: 3.5vw; } }
  .landing-page .site-container {
    max-width: calc(100% - 100px);
    margin: 0 auto; }
    @media (max-width: 479px) {
      .landing-page .site-container {
        max-width: 100%;
        min-width: 80px;
        padding: 0 2em; } }
    @media (max-width: 360px) {
      .landing-page .site-container {
        padding: 0 1em; } }
  .landing-page .lg-banner-wrapper {
    background: url("../landingpage/images/VODSTR_LANDING_PAGE.png") no-repeat 0 0;
    background-size: cover;
    min-height: 100vh;
    width: 100%; }
  .landing-page .lg-header {
    padding: 15px 0;
    min-height: 3em;
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 1;
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 60%); }
    .landing-page .lg-header .header-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .landing-page .lg-header .header-wrapper .lg-head-left {
        max-height: 100%; }
      .landing-page .lg-header .header-wrapper .lg-logo {
        display: inline-block; }
        .landing-page .lg-header .header-wrapper .lg-logo .main-logo {
          max-width: 100%;
          max-height: 100%;
          margin-right: 0; }
      .landing-page .lg-header .header-wrapper .lg-head-right .btn {
        font-size: 1em;
        min-height: 2.5;
        line-height: 1.8; }
        .landing-page .lg-header .header-wrapper .lg-head-right .btn.btn-bordered {
          border: 1px solid transparent;
          background-color: transparent; }
          .landing-page .lg-header .header-wrapper .lg-head-right .btn.btn-bordered:hover, .landing-page .lg-header .header-wrapper .lg-head-right .btn.btn-bordered:focus, .landing-page .lg-header .header-wrapper .lg-head-right .btn.btn-bordered.active {
            border-color: #fff;
            color: #fff;
            transition: all 0.5s ease; }
  .landing-page .landing-banner {
    position: relative;
    height: calc(100vh - 140px); }
    .landing-page .landing-banner .landing-caption {
      position: absolute;
      bottom: 10em;
      left: 0;
      overflow: hidden; }
      @media (max-width: 767px) {
        .landing-page .landing-banner .landing-caption {
          bottom: auto;
          top: 50%;
          transform: translateY(-50%); } }
      .landing-page .landing-banner .landing-caption h1 {
        font-size: 3em;
        font-weight: 600;
        margin: 0 0 0.5em; }
      .landing-page .landing-banner .landing-caption p {
        font-size: 2em;
        font-weight: 400;
        margin: 0 0 1em; }
      .landing-page .landing-banner .landing-caption .btn {
        font-size: 20px;
        min-width: 300px;
        min-height: 60px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
  .landing-page .title-header {
    margin-bottom: 2em; }
    .landing-page .title-header h2 {
      font-size: 2.65em;
      color: #000;
      line-height: 1.5;
      margin: 0;
      font-family: "Montserrat", sans-serif;
      font-weight: 600; }
  .landing-page .scroll-btn {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-bottom: 2em; }
  .landing-page .explore-marketplace {
    font-size: 1vw;
    padding: 2em 0;
    background: url("../images/landing/shape-image.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 32em; }
    @media (max-width: 1199px) {
      .landing-page .explore-marketplace {
        font-size: 1.5vw; } }
    @media (max-width: 991px) {
      .landing-page .explore-marketplace {
        font-size: 2vw; } }
    @media (max-width: 767px) {
      .landing-page .explore-marketplace {
        font-size: 4vw; } }
    .landing-page .explore-marketplace .container-fluid {
      padding: 0 30px; }
      @media (max-width: 479px) {
        .landing-page .explore-marketplace .container-fluid {
          padding: 0 15px; } }
    .landing-page .explore-marketplace .marketplace-slider .slick-arrow,
    .landing-page .explore-marketplace .marketplace-logo-slider .slick-arrow {
      color: rgba(0, 0, 0, 0.7);
      opacity: 0; }
      .landing-page .explore-marketplace .marketplace-slider .slick-arrow.slick-prev,
      .landing-page .explore-marketplace .marketplace-logo-slider .slick-arrow.slick-prev {
        left: -15px;
        right: auto; }
      .landing-page .explore-marketplace .marketplace-slider .slick-arrow.slick-next,
      .landing-page .explore-marketplace .marketplace-logo-slider .slick-arrow.slick-next {
        right: -20px;
        left: auto; }
    .landing-page .explore-marketplace .marketplace-slider.slick-slider:hover .slick-arrow,
    .landing-page .explore-marketplace .marketplace-logo-slider.slick-slider:hover .slick-arrow {
      opacity: 1;
      transition: all 0.5s ease; }
    .landing-page .explore-marketplace .marketplace-slider {
      margin-bottom: 2em; }
    .landing-page .explore-marketplace .marketplace-logo-slider .slick-arrow {
      top: 30%;
      transform: translateY(-30%); }
    .landing-page .explore-marketplace .marketplace-logo-slider .list-item .image-holder img {
      max-width: 6em;
      display: block;
      margin: 0 auto; }
    .landing-page .explore-marketplace .marketplace-logo-slider .list-item a {
      color: #000;
      display: block;
      text-align: center;
      transition: 0.5s ease all; }
      .landing-page .explore-marketplace .marketplace-logo-slider .list-item a .image-holder {
        margin-bottom: 1em; }
      .landing-page .explore-marketplace .marketplace-logo-slider .list-item a .content-title {
        font-weight: 600;
        line-height: 1.2; }
      .landing-page .explore-marketplace .marketplace-logo-slider .list-item a:hover, .landing-page .explore-marketplace .marketplace-logo-slider .list-item a:focus {
        color: #e00712; }
    .landing-page .explore-marketplace .row {
      display: flex;
      flex-wrap: wrap; }
    .landing-page .explore-marketplace .title-header {
      text-align: center;
      display: block; }
    .landing-page .explore-marketplace .card-wrapper {
      position: relative;
      transition: 0.5s ease all;
      cursor: pointer; }
      .landing-page .explore-marketplace .card-wrapper .card-caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 1em;
        box-sizing: border-box; }
        .landing-page .explore-marketplace .card-wrapper .card-caption h3 {
          font-size: 1.3em;
          font-weight: 600;
          margin: 0 0 0.2em; }
        .landing-page .explore-marketplace .card-wrapper .card-caption p {
          font-size: 1.1em;
          font-weight: 500;
          margin: 0; }
      .landing-page .explore-marketplace .card-wrapper .card-action {
        display: flex;
        justify-content: flex-end; }
        .landing-page .explore-marketplace .card-wrapper .card-action img {
          max-width: 3.5em;
          border-radius: 1em;
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24); }
      .landing-page .explore-marketplace .card-wrapper:hover, .landing-page .explore-marketplace .card-wrapper:focus {
        color: #0e0e0e;
        transform: scale(1.04);
        transition: 0.5s ease all;
        color: #fff; }
  .landing-page .entertainment-section {
    background: #e6040f;
    background: linear-gradient(90deg, #e6040f 0%, #8e1c67 53%, #3833c3 100%);
    min-height: 35em;
    padding: 3em 0; }
    .landing-page .entertainment-section .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .landing-page .entertainment-section .content-wrapper {
          flex-wrap: wrap; } }
      .landing-page .entertainment-section .content-wrapper .left-content {
        width: 60%;
        padding-left: 5%;
        max-width: 50em; }
        @media (max-width: 767px) {
          .landing-page .entertainment-section .content-wrapper .left-content {
            width: 100%;
            order: 1; } }
        .landing-page .entertainment-section .content-wrapper .left-content h2 {
          font-size: 2.65em;
          font-weight: 400;
          margin: 0 0 0.5em; }
        .landing-page .entertainment-section .content-wrapper .left-content p {
          margin: 0 0 1.5em; }
        .landing-page .entertainment-section .content-wrapper .left-content .inline-list {
          margin-bottom: 2em;
          padding-left: 0;
          list-style: none;
          display: flex;
          align-items: center; }
          .landing-page .entertainment-section .content-wrapper .left-content .inline-list li {
            margin-right: 1em; }
            .landing-page .entertainment-section .content-wrapper .left-content .inline-list li:last-child {
              margin-right: 0; }
          .landing-page .entertainment-section .content-wrapper .left-content .inline-list:last-child {
            margin-bottom: 0; }
      .landing-page .entertainment-section .content-wrapper .right-content {
        width: 40%; }
        @media (max-width: 767px) {
          .landing-page .entertainment-section .content-wrapper .right-content {
            width: 100%;
            order: 0; } }
        .landing-page .entertainment-section .content-wrapper .right-content .image-item {
          background-repeat: no-repeat;
          background-position: right top;
          background-size: contain;
          min-height: 32em;
          margin-right: -30px; }
          @media (max-width: 767px) {
            .landing-page .entertainment-section .content-wrapper .right-content .image-item {
              margin: 0 0 2em;
              background-size: cover; } }
  .landing-page .about-section {
    background-color: #0a112b; }
    .landing-page .about-section .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .landing-page .about-section .content-wrapper {
          flex-wrap: wrap;
          padding-bottom: 1em; } }
      .landing-page .about-section .content-wrapper .right-content {
        width: 60%;
        padding-left: 5%;
        color: #fff; }
        @media (max-width: 767px) {
          .landing-page .about-section .content-wrapper .right-content {
            width: 100%; } }
        .landing-page .about-section .content-wrapper .right-content h2 {
          font-size: 2.65em;
          font-weight: 600;
          margin: 0 0 0.5em; }
        .landing-page .about-section .content-wrapper .right-content p {
          margin: 0 0 1.5em;
          font-size: 1em;
          line-height: 1.8; }
        .landing-page .about-section .content-wrapper .right-content .content-block {
          margin-bottom: 3em;
          max-width: 43em; }
          .landing-page .about-section .content-wrapper .right-content .content-block:last-child {
            margin-bottom: 0; }
      .landing-page .about-section .content-wrapper .left-content {
        width: 40%; }
        @media (max-width: 767px) {
          .landing-page .about-section .content-wrapper .left-content {
            width: 100%; } }
        .landing-page .about-section .content-wrapper .left-content .image-item {
          background-repeat: no-repeat;
          background-position: right top;
          background-size: contain;
          min-height: 30em;
          margin-left: -30px; }
          @media (max-width: 767px) {
            .landing-page .about-section .content-wrapper .left-content .image-item {
              width: 100%;
              margin: 0 0 2em;
              background-size: cover; } }
  .landing-page .business-section {
    background: url("../images/landing/angkasaPuraBanner.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 35em; }
    .landing-page .business-section .content-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      min-height: 35em; }
      @media (max-width: 767px) {
        .landing-page .business-section .content-wrapper {
          flex-wrap: wrap; } }
      .landing-page .business-section .content-wrapper .left-content {
        width: 50%;
        padding-left: 5%;
        color: #fff; }
        @media (max-width: 767px) {
          .landing-page .business-section .content-wrapper .left-content {
            width: 100%;
            order: 1;
            padding-bottom: 2em; } }
        .landing-page .business-section .content-wrapper .left-content h2 {
          font-size: 2.65em;
          font-weight: 600;
          margin: 0 0 0.5em; }
        .landing-page .business-section .content-wrapper .left-content p {
          margin: 0 0 1.5em;
          font-size: 1em;
          line-height: 1.8; }
        .landing-page .business-section .content-wrapper .left-content .btn {
          min-width: 9em; }
        .landing-page .business-section .content-wrapper .left-content .content-block {
          margin-bottom: 3em;
          max-width: 43em; }
          .landing-page .business-section .content-wrapper .left-content .content-block:last-child {
            margin-bottom: 0; }
      .landing-page .business-section .content-wrapper .right-content {
        width: 50%;
        padding-right: 5%; }
        @media (max-width: 767px) {
          .landing-page .business-section .content-wrapper .right-content {
            width: 100%;
            order: 0;
            margin-bottom: 2em; } }
        .landing-page .business-section .content-wrapper .right-content .image-item {
          display: flex;
          justify-content: flex-end; }
          .landing-page .business-section .content-wrapper .right-content .image-item img {
            width: auto; }
          @media (max-width: 767px) {
            .landing-page .business-section .content-wrapper .right-content .image-item img {
              display: block;
              margin: 0 auto;
              padding: 1em 0;
              max-width: 80%; } }
  .landing-page .ourPartner-section {
    padding: 2.8em 0;
    background-color: #fff; }
    .landing-page .ourPartner-section .title-header {
      margin-bottom: 2.8em;
      text-align: center; }
      .landing-page .ourPartner-section .title-header h2 {
        width: 100%;
        line-height: 1.2; }
    .landing-page .ourPartner-section .nav-List-wrapper {
      padding: 0 5%; }
      .landing-page .ourPartner-section .nav-List-wrapper .inline-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        .landing-page .ourPartner-section .nav-List-wrapper .inline-list [class*="col"] {
          padding: 0 20px; }
          @media (max-width: 1199px) {
            .landing-page .ourPartner-section .nav-List-wrapper .inline-list [class*="col"] {
              padding: 0 10px; } }
        .landing-page .ourPartner-section .nav-List-wrapper .inline-list .card-link {
          color: #000; }
          .landing-page .ourPartner-section .nav-List-wrapper .inline-list .card-link img {
            width: auto;
            transition: all 0.5s ease; }
          .landing-page .ourPartner-section .nav-List-wrapper .inline-list .card-link:hover img, .landing-page .ourPartner-section .nav-List-wrapper .inline-list .card-link:focus img {
            transition: all 0.5s ease;
            transform: scale(1.1); }
    .landing-page .ourPartner-section .slick-arrow {
      color: #000;
      display: block !important; }
      .landing-page .ourPartner-section .slick-arrow.slick-prev {
        left: -15px; }
      .landing-page .ourPartner-section .slick-arrow.slick-next {
        right: -15px; }

.coming-wrap {
  background: url("../images/not-found-bg.jpg") no-repeat top center;
  background-size: cover;
  padding: 30px 0; }
  .coming-wrap .lg-header {
    margin-bottom: 30px; }
    .coming-wrap .lg-header .lg-head-right {
      text-align: right; }
  .coming-wrap .lg-content {
    text-align: center; }
    .coming-wrap .lg-content .lg-ctop {
      padding: 50px 0 0;
      text-shadow: 0 0 5px #1a1a1a; }
      .coming-wrap .lg-content .lg-ctop h1 {
        font-size: 80px;
        font-weight: 900;
        margin-bottom: 50px; }
      .coming-wrap .lg-content .lg-ctop p {
        margin-bottom: 50px; }
      .coming-wrap .lg-content .lg-ctop .btn {
        min-width: 290px;
        padding: 15px 20px; }
    .coming-wrap .lg-content .lg-form {
      max-width: 400px;
      margin: 0 auto; }
      .coming-wrap .lg-content .lg-form .form-group {
        margin-bottom: 30px; }
        .coming-wrap .lg-content .lg-form .form-group .form-control {
          height: 44px; }
      .coming-wrap .lg-content .lg-form .input-group-addon {
        background: #fff;
        font-size: 18px; }
      .coming-wrap .lg-content .lg-form .btn {
        font-weight: 700; }
  @media (max-width: 767px) {
    .coming-wrap .lg-content .lg-ctop h1 {
      font-size: 48px; }
    .coming-wrap .lg-content .lg-ctop {
      font-size: 20px; }
    .coming-wrap .lg-content .lg-cbtm ul li {
      max-width: 72px;
      margin: 0 10px; }
    .coming-wrap .lg-head-left {
      text-align: center; } }

.coming-wrap .lg-content.not-found-section {
  font-size: 0.8vw; }
  @media (max-width: 1199px) {
    .coming-wrap .lg-content.not-found-section {
      font-size: 1vw; } }
  @media (max-width: 991px) {
    .coming-wrap .lg-content.not-found-section {
      font-size: 2vw; } }
  @media (max-width: 767px) {
    .coming-wrap .lg-content.not-found-section {
      font-size: 2.3vw; } }
  .coming-wrap .lg-content.not-found-section .lg-ctop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 120px);
    padding: 0; }
    .coming-wrap .lg-content.not-found-section .lg-ctop img {
      max-width: 36em; }
    .coming-wrap .lg-content.not-found-section .lg-ctop h1 {
      font-size: 4em;
      font-weight: 700;
      margin-bottom: 0.2em; }
    .coming-wrap .lg-content.not-found-section .lg-ctop p {
      font-size: 1.65em;
      margin-bottom: 1em; }
      .coming-wrap .lg-content.not-found-section .lg-ctop p:empty {
        margin-bottom: 0; }
    .coming-wrap .lg-content.not-found-section .lg-ctop .btn {
      min-width: 15em;
      padding: 1em 1.25em;
      font-size: 1.25em; }

.login-wrap {
  background: url(../images/login-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 30px 0; }
  .login-wrap .lg-login {
    max-width: 500px;
    margin: 0 auto 30px;
    font-size: 12px;
    text-align: center; }
    .login-wrap .lg-login p {
      margin-bottom: 20px; }
      .login-wrap .lg-login p:last-child {
        margin-bottom: 0; }
    .login-wrap .lg-login h5 {
      margin-bottom: 30px; }
    .login-wrap .lg-login .form-group {
      margin-bottom: 20px; }
      .login-wrap .lg-login .form-group .input-group {
        width: 100%;
        display: flex; }
    .login-wrap .lg-login .form-control {
      height: 44px;
      border-color: #fff; }
      .login-wrap .lg-login .form-control:focus {
        box-shadow: none;
        border-color: #fff; }
    .login-wrap .lg-login .input-group-addon {
      background: #fff;
      border-color: #fff;
      font-size: 16px;
      width: 44px;
      color: #e00712; }
    .login-wrap .lg-login .has-error .form-control {
      border-color: #e91c23; }
      .login-wrap .lg-login .has-error .form-control:focus {
        box-shadow: none;
        border-color: #e91c23; }
    .login-wrap .lg-login .has-error .input-group-addon {
      border-color: #e91c23; }
    .login-wrap .lg-login .help-block {
      color: #fff;
      margin-bottom: 0; }
    .login-wrap .lg-login .lg-form-box {
      background: rgba(255, 255, 255, 0.05);
      padding: 40px;
      position: relative;
      margin: 30px 0; }
      .login-wrap .lg-login .lg-form-box .section-loader {
        background-color: rgba(0, 0, 0, 0.5);
        background-size: 50px; }
      .login-wrap .lg-login .lg-form-box .pg-lang {
        display: table-cell;
        background: #fff;
        height: 44px; }
        .login-wrap .lg-login .lg-form-box .pg-lang .btn {
          height: 44px;
          display: block;
          width: 100%;
          text-align: left; }
          .login-wrap .lg-login .lg-form-box .pg-lang .btn .caret {
            float: right;
            margin: 8px; }
        .login-wrap .lg-login .lg-form-box .pg-lang .dropdown-menu {
          width: 100%; }
    .login-wrap .lg-login .btn {
      font-weight: 700; }
    .login-wrap .lg-login a:hover, .login-wrap .lg-login a:focus {
      text-decoration: none; }
    .login-wrap .lg-login a.active {
      color: #e00712; }
    .login-wrap .lg-login .backtolog {
      padding: 0 50px; }
  @media (max-width: 767px) {
    .login-wrap .lg-login .lg-form-box {
      padding: 30px 20px; } }

.iv-lang button span + span, .iv-lang a span + span {
  margin-left: 10px; }
  .iv-lang button span + span.caret, .iv-lang a span + span.caret {
    margin-left: 10px; }

/*---Login Pages Styles--*/
.lg-login-wrapper {
  height: 100vh; }
  @media (max-width: 767px) {
    .lg-login-wrapper {
      height: 100%;
      min-height: 50em; } }
  .lg-login-wrapper .lg-login-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0; }
    .lg-login-wrapper .lg-login-head .iv-login-logo .main-logo {
      max-height: 100%;
      max-width: 100%; }
    .lg-login-wrapper .lg-login-head .pg-lang .btn-lang {
      background: none;
      color: #fff; }
  .lg-login-wrapper .lg-login-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 140px); }
    @media (max-width: 767px) {
      .lg-login-wrapper .lg-login-content {
        height: 100%; } }
  .lg-login-wrapper .lg-login-main {
    max-width: 48em;
    background-color: rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    padding: 2em 1em;
    flex-grow: 1; }
    @media (max-width: 767px) {
      .lg-login-wrapper .lg-login-main {
        padding: 2em;
        margin-bottom: 1em; } }
  .lg-login-wrapper .lg-login-box {
    max-width: 36em;
    margin: 0 auto;
    /* input:-internal-autofill-selected{
    //     background-color: transparent !important;
    //     background-image: none !important; 
    //     padding: 0 10px;
    // }*/ }
    .lg-login-wrapper .lg-login-box .or_Item-txt {
      text-transform: uppercase;
      margin-bottom: 1.8em;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1em; }
    .lg-login-wrapper .lg-login-box .form-group {
      margin-bottom: 2em; }
      @media (max-width: 575px) {
        .lg-login-wrapper .lg-login-box .form-group {
          margin-bottom: 1em; } }
      .lg-login-wrapper .lg-login-box .form-group .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        padding: 10px 5px;
        font-size: 16px; }
      .lg-login-wrapper .lg-login-box .form-group .btn.btn-block {
        min-height: 3.75em;
        line-height: 1.5; }
      .lg-login-wrapper .lg-login-box .form-group.social-links {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between; }
        @media (max-width: 575px) {
          .lg-login-wrapper .lg-login-box .form-group.social-links {
            justify-content: center; } }
        .lg-login-wrapper .lg-login-box .form-group.social-links p {
          position: relative;
          text-align: center;
          width: 48%; }
          .lg-login-wrapper .lg-login-box .form-group.social-links p:first-child:after {
            content: "";
            background-color: rgba(255, 255, 255, 0.5);
            width: 2px;
            height: 30px;
            display: block;
            position: absolute;
            right: -4%;
            top: 4px; }
          @media (max-width: 575px) {
            .lg-login-wrapper .lg-login-box .form-group.social-links p {
              margin: 0 auto 1em;
              width: 100%; }
              .lg-login-wrapper .lg-login-box .form-group.social-links p:first-child:after {
                content: none; } }
        .lg-login-wrapper .lg-login-box .form-group.social-links .btn {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 39px; }
          .lg-login-wrapper .lg-login-box .form-group.social-links .btn .fa {
            width: 25px;
            height: 25px;
            display: inline-flex;
            align-items: flex-end;
            justify-content: center;
            font-size: 1.4em; }
            .lg-login-wrapper .lg-login-box .form-group.social-links .btn .fa:before {
              margin-bottom: -2px; }
          .lg-login-wrapper .lg-login-box .form-group.social-links .btn.fb-cirlce .fa {
            border-radius: 100%;
            background-color: #fff;
            color: #000; }
          .lg-login-wrapper .lg-login-box .form-group.social-links .btn.fb-cirlce:hover, .lg-login-wrapper .lg-login-box .form-group.social-links .btn.fb-cirlce:focus {
            background-color: #4267B2;
            color: #fff; }
            .lg-login-wrapper .lg-login-box .form-group.social-links .btn.fb-cirlce:hover .fa, .lg-login-wrapper .lg-login-box .form-group.social-links .btn.fb-cirlce:focus .fa {
              background-color: #fff; }
          .lg-login-wrapper .lg-login-box .form-group.social-links .btn.btn_login_with_gmail .fa {
            height: auto; }
          .lg-login-wrapper .lg-login-box .form-group.social-links .btn.btn_login_with_gmail:hover, .lg-login-wrapper .lg-login-box .form-group.social-links .btn.btn_login_with_gmail:focus {
            background-color: #db4a39;
            color: #fff; }
    .lg-login-wrapper .lg-login-box .text-info-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.9em; }
    .lg-login-wrapper .lg-login-box.lg-signUp {
      max-width: 35em; }
      .lg-login-wrapper .lg-login-box.lg-signUp .text-info-wrapper {
        margin-bottom: 15px; }
      .lg-login-wrapper .lg-login-box.lg-signUp .btn-field {
        margin-bottom: 20px; }
      .lg-login-wrapper .lg-login-box.lg-signUp .form-group.social-links .btn i {
        margin-right: 10px; }
      .lg-login-wrapper .lg-login-box.lg-signUp .form-group.social-links p {
        margin-bottom: 0; }
        .lg-login-wrapper .lg-login-box.lg-signUp .form-group.social-links p:first-child:after {
          right: -25px; }
  .lg-login-wrapper .form-title-header h1 {
    text-transform: capitalize;
    font-size: 2em;
    margin: 0 0 0.5em;
    font-weight: 500; }
  .lg-login-wrapper .form-title-header h4 {
    font-size: 1em;
    margin-bottom: 1.5em;
    font-weight: 500; }
  .lg-login-wrapper .account-tabs .nav-pills {
    margin-bottom: 2em; }
    .lg-login-wrapper .account-tabs .nav-pills li a {
      border-radius: 0;
      font-size: 14px;
      background: #1b1b1b; }
      .lg-login-wrapper .account-tabs .nav-pills li a:hover, .lg-login-wrapper .account-tabs .nav-pills li a:focus {
        color: #fff;
        background: #2d2d2d; }
      .lg-login-wrapper .account-tabs .nav-pills li a i {
        margin-right: 10px; }
    .lg-login-wrapper .account-tabs .nav-pills li.active a {
      background: #2d2d2d;
      color: #fff; }
    .lg-login-wrapper .account-tabs .nav-pills li:last-child {
      margin-left: 0; }
  .lg-login-wrapper .lg-login-footer .register-content span {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    margin-right: 5px; }

.lg-login-wrapper .lg-login-box .otp-form-content .form-fields {
  display: flex;
  align-items: center;
  margin: 0 -5px; }
  .lg-login-wrapper .lg-login-box .otp-form-content .form-fields .form-control {
    background-color: #fff;
    max-width: 65px;
    height: 65px;
    border-radius: 10px;
    padding: 4px;
    margin: 0 5px;
    color: #000;
    font-size: 24px;
    text-align: center; }
    @media (max-width: 575px) {
      .lg-login-wrapper .lg-login-box .otp-form-content .form-fields .form-control {
        max-width: 50px;
        height: 50px;
        font-size: 18px;
        border-radius: 5px; } }

.lg-login-wrapper .lg-login-box .form-group {
  text-align: left; }
  .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown {
    position: relative; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .input-group-btn {
      width: 20%; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .input-group {
      display: flex;
      width: 100%;
      align-items: flex-end; }
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .input-group .form-control {
        width: 80%; }
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .input-group input::-webkit-outer-spin-button,
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .input-group input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown {
      min-width: 80px;
      margin-right: 10px; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown-toggle, .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .cc-select {
      border: none;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      color: #fff;
      padding: 10px 5px;
      max-width: 100px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown-toggle .fa-angle-down, .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .cc-select .fa-angle-down {
        font-size: 20px; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .countrycode-select {
      margin-right: 10px; }
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .countrycode-select select option {
        background: transparent;
        padding: 10px;
        color: #000; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown-menu {
      background-color: #2d2d2d;
      min-width: 75px;
      padding: 10px; }
    .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown-item {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5px;
      cursor: pointer; }
      .lg-login-wrapper .lg-login-box .form-group.countryCode-dropdown .dropdown-item .countryCodeValue {
        margin-left: 5px;
        display: inline-block; }

.iv-login-wrap {
  background: url(../images/iv-login-bg.jpg) no-repeat top center;
  height: 100%;
  background-size: cover; }
  .iv-login-wrap .iv-login-inner {
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  .iv-login-wrap a:hover, .iv-login-wrap a:focus {
    text-decoration: none; }

.iv-pkg-wrap {
  background: url(../images/iv-login-bg.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover; }
  .iv-pkg-wrap a:hover, .iv-pkg-wrap a:focus {
    text-decoration: none; }

.iv-login-content {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 750px; }

.iv-login-head {
  margin-bottom: 30px; }

.iv-login-main {
  background: #2d2d2d;
  position: relative;
  box-shadow: 0 0 15px #000; }

.lg-login-box .iv-table-cell {
  width: 50%;
  position: relative;
  padding: 30px; }
  .lg-login-box .iv-table-cell.iv-login-left {
    background: url(../images/apec-iv-login-img.jpg) no-repeat top center;
    background-size: cover; }

.iv-login-left-top {
  min-height: 150px; }

.iv-login-left-btm {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px; }
  .iv-login-left-btm h3 {
    margin-bottom: 0; }

.iv-login-tab {
  margin: -30px -30px 30px; }
  .iv-login-tab .nav-pills {
    margin-bottom: 0;
    background: #1b1b1b; }
  .iv-login-tab .nav-pills > li + li {
    margin-left: 0; }
  .iv-login-tab .nav-pills > li {
    width: 33.33%; }
  .iv-login-tab .nav-pills > li > a {
    border-radius: 0;
    padding: 15px 5px;
    text-align: center; }
  .iv-login-tab .nav-pills > li.active > a, .iv-login-tab .nav-pills > li.active > a:focus, .iv-login-tab .nav-pills > li.active > a:hover {
    background: #2d2d2d; }
  .iv-login-tab .nav > li > a:focus, .iv-login-tab .nav > li > a:hover {
    background: #222222;
    color: #fff; }

#login_register .modal-body {
  padding: 0; }
#login_register .iv-login-tab .nav-pills > li > a {
  background: #1b1b1b; }
#login_register .iv-login-tab .nav-pills > li.active > a, #login_register .iv-login-tab .nav-pills > li.active > a:focus, #login_register .iv-login-tab .nav-pills > li.active > a:hover {
  background: #0e0e0e; }

.iv-login-right .section-loader {
  background-color: rgba(45, 45, 45, 0.8);
  background-size: 50px; }

.iv-login-box {
  position: relative;
  min-height: 325px;
  padding-bottom: 10px;
  text-align: center; }
  .iv-login-box h4, .iv-login-box h3, .iv-login-box h5, .iv-login-box h6 {
    margin-bottom: 20px; }
  .iv-login-box p {
    margin-bottom: 20px; }
  .iv-login-box .form-group {
    margin-bottom: 20px; }

.iv-login-box-ft {
  padding: 15px 30px;
  background: #1b1b1b;
  text-align: center;
  color: #808080;
  margin: 0 -30px -30px -30px; }

.login-ft-left {
  float: left; }

.login-ft-right {
  float: right; }

.otp-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 100%;
  border: 2px solid #fff;
  line-height: 26px;
  text-align: center; }
  .otp-icon img {
    max-height: 100%;
    vertical-align: middle; }

.otp-form {
  max-width: 200px;
  margin: 0 auto; }

.otp-input .form-control {
  text-align: center; }
.otp-input .input-group-btn + .input-group-btn {
  border-left: 1px solid #f5f7f8; }

.input-addon-small {
  min-width: 54px; }

@media (max-width: 767px) {
  .lg-login-box .iv-table-cell {
    display: block;
    width: 100%; }

  .iv-login-head {
    margin-bottom: 30px; }

  .iv-login-head {
    text-align: center; }
    .iv-login-head .text-right {
      text-align: center; }

  .iv-login-logo {
    margin-bottom: 25px; } }
@media (max-width: 479px) {
  .login-ft-left {
    float: none;
    margin-bottom: 10px; }

  .login-ft-right {
    float: none; } }
.iv-ff-head {
  position: relative;
  padding-left: 32px;
  margin-bottom: 15px; }
  .iv-ff-head .ff-back {
    position: absolute;
    left: 0;
    top: 0; }
  .iv-ff-head .pull-right {
    margin-left: 10px; }

.iv-ff-content {
  padding: 30px 0; }

/*Genre Listing*/
.iv-ff-main-genre {
  background: #2d2d2d;
  color: #fff; }

.genreModal {
  background-color: rgba(0, 0, 0, 0.8); }

.iv-ff-genre {
  position: relative; }
  .iv-ff-genre .section-loader {
    background-color: rgba(45, 45, 45, 0.8);
    background-size: 50px; }

.ff-close {
  position: absolute;
  right: 0;
  background: none;
  border: none;
  top: -30px;
  font-size: 16px;
  padding: 0; }

.iv-ff-genre-head {
  padding: 15px; }
  .iv-ff-genre-head .badge {
    background: #0e0e0e;
    color: #fff;
    font-weight: normal; }

.iv-ff-genre-content {
  position: relative; }

.ff-genre-note {
  text-align: center;
  color: #808080;
  padding: 15px; }

.ff-genre-listing {
  background: #222222;
  margin: 0;
  list-style: none;
  padding: 0;
  overflow: hidden; }
  .ff-genre-listing li {
    float: left;
    width: 16.66%;
    font-size: 12px;
    height: 100px;
    border-right: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    text-align: center; }
    .ff-genre-listing li label {
      display: block;
      margin: 0;
      cursor: pointer;
      position: relative;
      font-weight: normal;
      padding: 20px 5px; }
      .ff-genre-listing li label > input {
        display: none; }
      .ff-genre-listing li label > i {
        display: none;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff;
        font-size: 22px; }
      .ff-genre-listing li label > input:checked ~ i {
        display: block; }
      .ff-genre-listing li label > span {
        display: block; }
      .ff-genre-listing li label .ff-genre-icon {
        margin-bottom: 10px;
        height: 32px; }
        .ff-genre-listing li label .ff-genre-icon img {
          height: 28px; }

/*Payment Information*/
.iv-purchased {
  display: inline-block;
  text-align: center;
  background-color: #a69906;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
  padding: 4px 15px; }

.pp-gateway-head {
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #1b1b1b; }

.ff-payment-page {
  background: #2d2d2d;
  padding: 15px;
  position: relative; }
  .ff-payment-page .section-loader {
    background-color: rgba(45, 45, 45, 0.8);
    background-size: 50px; }

.iv-ff-main .alert {
  background: #2d2d2d;
  border: none;
  border-left: 4px solid #fff; }

.payment-submit {
  padding-top: 15px;
  border-top: 1px solid #1b1b1b; }

.ff-payment-form {
  padding-bottom: 15px; }

.ff-payment-form label {
  color: #f5f7f8;
  font-weight: normal; }

.payspace {
  height: 36px; }

.secondary-address {
  display: none; }

.ff-payment-title {
  border-bottom: 1px solid #414141;
  margin-bottom: 15px;
  padding-bottom: 15px; }

.pp-radio.iv-radio > span {
  top: 4px; }

.pp-radio + .pp-radio {
  margin-left: 20px; }

/*Packages Listing*/
.pkg-sub-title {
  padding: 10px 15px;
  background: #2d2d2d;
  margin-bottom: 15px;
  padding: 10px;
  border-left: 5px solid #fff; }

.cart-body {
  padding: 15px;
  background: #2d2d2d;
  margin-bottom: 10px;
  position: relative; }
  .cart-body .section-loader {
    background-color: rgba(45, 45, 45, 0.8);
    background-size: 50px; }

.cart-table .table > tbody > tr > td {
  border-top: none;
  padding: 12px 8px;
  border-bottom: 1px solid #1b1b1b; }

.c-item-remove {
  visibility: hidden;
  opacity: 0; }

.cart-item:hover .c-item-remove {
  visibility: visible;
  opacity: 1; }

.iv-ff-pkgs {
  /*    .ff-pkg-1 { 
          .iv-pkg-bg { 
              background: $secondary-color;
          }
          .iv-pkg-color { 
              color: $secondary-color;
          }
      }*/ }
  .iv-ff-pkgs > .row {
    font-size: 0; }
    .iv-ff-pkgs > .row > div {
      float: none;
      font-size: 13px;
      display: inline-block;
      width: 281px; }
  .iv-ff-pkgs .iv-pkg-item {
    box-shadow: none;
    margin-bottom: 14px;
    color: #0e0e0e; }

.iv-ff-footer {
  padding: 15px 0; }

.ff-pkg-close {
  border-radius: 100%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border: 2px solid #fff; }

/*Package Detail Page*/
.ff-back {
  display: inline-block;
  margin-right: 15px; }

.ff-pkg-detail-main {
  background: #2d2d2d; }

.ff-pkg-detail-top {
  padding: 0 0 15px; }

.iv-detail-top.ff-pkg-detail-head {
  margin: 0;
  box-shadow: none;
  background: #1b1b1b; }

.ff-ch-listing {
  list-style: none;
  margin: 0 -5px;
  padding: 0; }
  .ff-ch-listing li {
    float: left;
    width: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px; }
  .ff-ch-listing .ff-ch-box {
    background: #1b1b1b;
    position: relative;
    height: 60px;
    padding: 5px;
    line-height: 50px; }
  .ff-ch-listing .ff-ch-left {
    margin-right: 70px;
    padding-left: 10px; }
  .ff-ch-listing .ff-ch-right {
    float: right;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    line-height: 30px;
    background: #fff; }
    .ff-ch-listing .ff-ch-right img {
      vertical-align: middle; }
  .ff-ch-listing .ff-ch-label > span {
    color: #808080; }

.ff-pkg-detail-middle .iv-ch-list .iv-ch-box {
  box-shadow: none;
  background: #1b1b1b; }
.ff-pkg-detail-middle .iv-ch-list .iv-ch-box.selected {
  border-color: #fff; }
.ff-pkg-detail-middle .iv-ch-list .iv-ch-box .iv-ch-right {
  width: 50px;
  height: 50px;
  padding: 10px;
  background: #fff;
  line-height: 30px;
  margin: -5px; }
.ff-pkg-detail-middle .iv-addon-listing .panel.panel-default {
  box-shadow: none; }
.ff-pkg-detail-middle .iv-addon-listing .panel-heading {
  background: #1b1b1b;
  border-color: #1b1b1b;
  color: #fff; }
.ff-pkg-detail-middle .iv-addon-listing .panel.panel-default.active .panel-heading {
  background: #1b1b1b;
  border-color: #1b1b1b; }
.ff-pkg-detail-middle .iv-addon-listing .panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: #1b1b1b;
  border-color: #222222; }
.ff-pkg-detail-middle .iv-addon-listing .panel.panel-default {
  border-color: #1b1b1b; }
.ff-pkg-detail-middle .iv-addon-listing .panel.panel-default.active {
  border-color: #1b1b1b; }
.ff-pkg-detail-middle .iv-addon-listing .panel.panel-default.selected {
  border-color: #fff; }
.ff-pkg-detail-middle .iv-ch-listing {
  margin-bottom: 15px; }
.ff-pkg-detail-middle .iv-addon-listing.panel-group {
  padding-bottom: 0; }

.ff-summary-top {
  margin-bottom: 10px;
  position: relative;
  background: #2d2d2d; }
  .ff-summary-top .section-loader {
    background-color: rgba(45, 45, 45, 0.8);
    background-size: 50px; }

.ff-summary-table .table {
  margin-bottom: 0; }
  .ff-summary-table .table td, .ff-summary-table .table th {
    white-space: normal !important; }
.ff-summary-table.table-responsive {
  border-color: #2d2d2d; }
.ff-summary-table .table > tbody > tr > td, .ff-summary-table .table > tbody > tr > th, .ff-summary-table .table > tfoot > tr > td, .ff-summary-table .table > tfoot > tr > th, .ff-summary-table .table > thead > tr > td, .ff-summary-table .table > thead > tr > th {
  border-color: #222222;
  padding: 12px 15px;
  vertical-align: middle; }

.ff-summary-middle {
  background: #2d2d2d;
  position: relative; }
  .ff-summary-middle .tab-content {
    position: relative;
    min-height: 360px; }
  .ff-summary-middle .section-loader {
    background-color: rgba(45, 45, 45, 0.8);
    background-size: 50px; }

.ff-pay-tabs {
  background: #1b1b1b; }
  .ff-pay-tabs.nav-pills > li > a {
    border-radius: 0;
    padding: 15px 10px;
    text-align: center;
    display: block; }
    .ff-pay-tabs.nav-pills > li > a:hover, .ff-pay-tabs.nav-pills > li > a:focus {
      background: #222222;
      color: #fff; }
  .ff-pay-tabs.nav-pills > li {
    min-width: 140px;
    border-right: 1px solid #222222; }
    .ff-pay-tabs.nav-pills > li img {
      height: 16px;
      margin-right: 10px; }
  .ff-pay-tabs.nav-pills > li + li {
    margin-left: 0; }
  .ff-pay-tabs.nav-pills > li.active > a, .ff-pay-tabs.nav-pills > li.active > a:focus, .ff-pay-tabs.nav-pills > li.active > a:hover {
    background: #2d2d2d;
    color: #fff; }

.ff-tab-steps {
  padding: 15px; }

.ff-pay-wrap {
  margin: 0 auto;
  max-width: 350px;
  position: relative; }

.ff-msg-main {
  background: #2d2d2d;
  padding: 15px;
  min-height: 400px; }

.ff-msg-icon {
  margin: -40px 0 30px; }
  .ff-msg-icon span {
    background: #2d2d2d;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 100%; }

.ff-msg-success .ff-msg-icon span {
  border-color: #129c00;
  color: #129c00; }
.ff-msg-success .ff-msg-title {
  color: #129c00; }

.ff-msg-alert .ff-msg-icon span {
  border-color: #f0dd08;
  color: #f0dd08; }
.ff-msg-alert .ff-msg-title {
  color: #f0dd08; }

.ff-msg-error .ff-msg-icon span {
  border-color: #eb333a;
  color: #eb333a; }
.ff-msg-error .ff-msg-title {
  color: #eb333a; }

@media (max-width: 767px) {
  .ff-genre-listing li {
    width: 33.33%; }

  .ff-ch-listing li {
    width: 50%; }

  .ff-order-wrap .iv-table, .ff-order-wrap .iv-table-row, .ff-order-wrap .iv-table-cell {
    display: block; }

  .iv-ff-pkgs > .row > div {
    width: 100%; }

  .iv-ff-head h2 {
    font-size: 14px;
    line-height: 1.3; }

  .ff-summary-table .table tbody td, .ff-summary-table .table tbody th {
    display: block;
    width: 143%; }

  .ff-summary-table.summary-table-pkg .table tbody td, .ff-summary-table .table tbody th {
    width: 303%; }

  .ff-summary-table.summary-table-pkg .table tfoot td, .ff-summary-table .table tfoot th {
    width: 33.33%; }

  .summary-table-head {
    display: none; } }
.iv-locked-thumb {
  float: left; }

.iv-locked-excerpt {
  margin-left: 95px; }

@media (max-width: 479px) {
  .ff-ch-listing li {
    width: 100%; }

  .ff-pay-tabs.nav-pills > li {
    min-width: inherit; } }
@media (min-width: 992px) {
  .ff-sidebar {
    padding-left: 0; } }
@media (max-width: 767px) {
  .ff-sidebar, .ff-cart-main {
    float: none !important; } }
/* Profile Global */
.profile-wrap .profile-wrap-inn {
  position: relative; }
.profile-wrap a:hover, .profile-wrap a:focus {
  text-decoration: none; }
.profile-wrap .pg-main {
  background: transparent;
  padding-top: 0;
  min-height: 100%;
  /*color:$primary-color;*/ }
.profile-wrap .alert {
  /*        margin-bottom: 30px;*/ }
.profile-wrap .alert-warning {
  background: #2d2d2d;
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
  margin-bottom: 30px;
  padding: 15px 35px 15px 50px;
  position: relative;
  min-height: 50px;
  font-size: 12px;
  color: #fff;
  border: none; }
  .profile-wrap .alert-warning .fa {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 15px;
    top: 15px;
    margin-right: 5px;
    padding: 5px 8px;
    background: #222222; }
  .profile-wrap .alert-warning .close {
    text-shadow: none;
    color: white; }
    .profile-wrap .alert-warning .close:hover, .profile-wrap .alert-warning .close:focus {
      color: #fff; }

.pg-profile {
  padding: 0;
  font-size: 1vw; }

.pg-profile-left {
  max-width: 360px;
  margin: 0 auto 30px; }

.pro-title {
  background: #2d2d2d;
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
  margin-bottom: 30px;
  padding: 10px;
  border-left: 5px solid #e00712; }
  .pro-title h1 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.6; }
    .pro-title h1 small {
      color: #0e0e0e; }
  .pro-title .btn {
    font-size: 10px;
    padding: 3px 8px; }

.pro-sub-title {
  padding: 15px;
  position: relative;
  background: #2d2d2d; }
  .pro-sub-title h6 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500; }
  .pro-sub-title + .pro-sub-title {
    /*border-top: 1px solid lighten($light-grey, 5%);*/ }
  .pro-sub-title .switch {
    position: absolute;
    right: 5px;
    top: 8px;
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  .pro-sub-title .btn {
    position: absolute;
    right: -10px;
    top: 8px;
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  .pro-sub-title.brd-top {
    border-top: 1px solid #222222; }

@media (max-width: 767px) {
  .pro-title h1 {
    font-size: 12px; } }
/* Profile Sidebar */
.pro-goback {
  margin-top: 15px; }

.pg-user-summary {
  background: #2d2d2d;
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/ }
  .pg-user-summary .pg-user-thumb-full {
    position: relative; }
    .pg-user-summary .pg-user-thumb-full > img {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover; }
    .pg-user-summary .pg-user-thumb-full .pg-user-detail {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
      background-image: -o-linear-gradient(top, transparent 0%, #000 100%);
      background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0);
      font-size: 11px;
      color: #fff; }
      .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px 90px 15px 15px; }
        .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn h6 {
          margin-top: 5px;
          margin-bottom: 0; }
        .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn p {
          margin-top: 5px;
          margin-bottom: 0; }
        .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn .pro-edit-info {
          padding: 4px 10px;
          background: #fff;
          border-color: #fff;
          color: #0e0e0e;
          min-width: 65px;
          font-size: 10px;
          position: absolute;
          bottom: 15px;
          right: 15px; }
          .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn .pro-edit-info:hover, .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn .pro-edit-info:focus {
            background: #e00712;
            color: #fff;
            border-color: #e00712;
            text-decoration: none; }

.pg-plan-summary {
  padding: 15px;
  font-size: 12px;
  position: relative; }
  .pg-plan-summary .pg-plan-upgrade {
    min-width: 65px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 10px;
    color: #fff;
    padding: 4px 10px; }
    .pg-plan-summary .pg-plan-upgrade:hover, .pg-plan-summary .pg-plan-upgrade:focus {
      color: #fff;
      text-decoration: none; }
  .pg-plan-summary .pg-current-plan ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .pg-plan-summary .pg-current-plan ul li {
      position: relative;
      padding-left: 40px;
      min-height: 30px;
      margin-bottom: 15px; }
      .pg-plan-summary .pg-current-plan ul li span {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #1b1b1b; }
      .pg-plan-summary .pg-current-plan ul li p {
        margin-bottom: 0; }
      .pg-plan-summary .pg-current-plan ul li:last-child {
        margin-bottom: 0; }
      .pg-plan-summary .pg-current-plan ul li .pg-plan-expire {
        font-size: 10px; }
      .pg-plan-summary .pg-current-plan ul li:last-child {
        padding-top: 6px; }
  .pg-plan-summary .pg-current-plan.pg-plan-1 ul li span {
    background-color: #129c00; }
  .pg-plan-summary .pg-current-plan.pg-plan-2 ul li span {
    background-color: #0c6090; }
  .pg-plan-summary .pg-current-plan.pg-plan-3 ul li span {
    background-color: #703ebc; }
  .pg-plan-summary .pg-current-plan.pg-plan-4 ul li span {
    background-color: #e00712; }

/* Overview */
.pro-ov-box {
  background: #fff;
  display: block;
  box-shadow: 0 1px 3px #e6ebee;
  color: #0e0e0e;
  text-align: center;
  padding: 56px 10px;
  margin-bottom: 30px; }
  .pro-ov-box .pro-ov-icon {
    margin: 0 0 20px; }
    .pro-ov-box .pro-ov-icon > span {
      display: inline-block;
      position: relative;
      width: 62px;
      height: 62px;
      border-radius: 100%;
      border: 2px solid #0e0e0e;
      line-height: 58px;
      font-size: 18px; }
    .pro-ov-box .pro-ov-icon .badge {
      border-radius: 0;
      font-size: 10px;
      font-weight: 400;
      left: -5px;
      position: absolute;
      padding: 2px 7px;
      background: #e00712; }
  .pro-ov-box:focus {
    text-decoration: none;
    color: #0e0e0e; }
  .pro-ov-box:hover {
    text-decoration: none;
    box-shadow: 0 1px 10px #c8d3d9;
    color: #e00712; }
    .pro-ov-box:hover .pro-ov-icon > span {
      border-color: #e00712; }

.devices-icon {
  position: relative;
  line-height: normal;
  display: inline-block; }
  .devices-icon .fa-mobile {
    left: -4px;
    top: 6px;
    position: absolute; }
  .devices-icon .fa-tablet {
    position: absolute;
    top: 6px;
    right: -5px; }

.pro-ov-widget {
  padding: 15px;
  margin-bottom: 30px;
  background: #2d2d2d;
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
  /*color: $primary-color;*/
  font-size: 12px; }
  .pro-ov-widget > .row > div[class*=col-]:nth-child(even) {
    text-align: right; }

@media (max-width: 991px) {
  .pro-ov-box {
    padding: 30px 10px; }

  .pro-ov-widget {
    font-size: 11px; } }
@media (max-width: 767px) {
  .pro-ov-box .pro-ov-icon > span {
    width: 48px;
    height: 48px;
    line-height: 44px; }

  .pro-ov-box {
    padding: 30px 10px; } }
@media (max-width: 479px) {
  .pro-ov-box {
    padding: 15px 10px;
    font-size: 12px; } }
/* Notification */
.notification-action {
  margin-bottom: 30px; }
  .notification-action label {
    vertical-align: middle; }
  .notification-action .btn-info {
    vertical-align: middle;
    background: #666666;
    border-color: #666666;
    color: #fff; }
    .notification-action .btn-info:hover, .notification-action .btn-info:focus {
      background: #e00712;
      color: #fff; }

.pro-notification-listing ul {
  list-style: none;
  padding: 0 0 15px;
  margin: 0; }
  .pro-notification-listing ul li {
    position: relative;
    background: #414141;
    /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
    margin-bottom: 15px;
    padding: 15px;
    overflow: hidden; }
    .pro-notification-listing ul li .notification-thumb {
      float: left;
      width: 50px; }
      .pro-notification-listing ul li .notification-thumb img {
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover; }
    .pro-notification-listing ul li .notification-excerpt {
      margin: 0 30px 0 65px;
      font-size: 11px; }
      .pro-notification-listing ul li .notification-excerpt h6 {
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 12px; }
        .pro-notification-listing ul li .notification-excerpt h6 small {
          color: #fff;
          display: inline-block;
          vertical-align: middle; }
        .pro-notification-listing ul li .notification-excerpt h6 .label-default {
          background: #1b1b1b;
          font-weight: 400;
          font-size: 10px;
          display: inline-block;
          vertical-align: middle; }
      .pro-notification-listing ul li .notification-excerpt p {
        margin-bottom: 0;
        padding: 2px 0 0 30px;
        position: relative;
        min-height: 20px;
        color: #f5f7f8; }
    .pro-notification-listing ul li .notification-checkbox {
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -8px; }
    .pro-notification-listing ul li.not-unread {
      background: #2d2d2d; }

.notification-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  background: #666666;
  vertical-align: middle; }
  .notification-icon.new-icon {
    background: #ffa126; }
  .notification-icon.recording-icon {
    background: #e91c23; }
  .notification-icon.live-icon {
    background: #703ebc; }
  .notification-icon.alert-icon {
    background: #f0dd08; }
  .notification-icon.appstore-icon {
    background: #6fa2f3; }
  .notification-icon.playstore-icon {
    background: #90b76d; }

@media (max-width: 767px) {
  .pro-notification-listing ul li .notification-excerpt h6 {
    font-size: 12px; } }
/* Device Manager */
.pro-device-listing ul {
  list-style: none;
  padding: 0 0 15px;
  margin: 0; }
  .pro-device-listing ul li {
    position: relative;
    background: #2d2d2d;
    /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
    margin-bottom: 15px;
    font-size: 11px;
    padding: 15px;
    overflow: hidden; }
    .pro-device-listing ul li .device-icon {
      float: left;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      color: #fff;
      text-align: center;
      background: #1b1b1b; }
      .pro-device-listing ul li .device-icon .fa-mobile {
        font-size: 18px; }
    .pro-device-listing ul li .device-excerpt {
      margin-left: 65px; }
      .pro-device-listing ul li .device-excerpt h6 {
        font-weight: 500;
        margin: 5px 0 10px; }
      .pro-device-listing ul li .device-excerpt .btn {
        font-size: 10px;
        margin-top: 12px; }
      .pro-device-listing ul li .device-excerpt .device-detail {
        overflow: hidden;
        margin-bottom: 0; }
        .pro-device-listing ul li .device-excerpt .device-detail span {
          float: left;
          width: 33.33%;
          padding-right: 15px; }
          .pro-device-listing ul li .device-excerpt .device-detail span:nth-child(2) {
            text-align: center; }
          .pro-device-listing ul li .device-excerpt .device-detail span:last-child {
            text-align: right;
            padding-right: 0; }

@media (max-width: 991px) {
  .pro-device-listing ul li .device-excerpt .device-detail span {
    width: auto; } }
@media (max-width: 479px) {
  .pro-device-listing ul li .device-excerpt [class*=col-] {
    width: 100%;
    text-align: left; } }
/* Device Manager */
.pro-purchase-listing ul {
  list-style: none;
  padding: 0 0 15px;
  margin: 0; }
  .pro-purchase-listing ul li {
    position: relative;
    background: #2d2d2d;
    /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
    margin-bottom: 15px;
    font-size: 11px;
    padding: 15px;
    overflow: hidden; }
    .pro-purchase-listing ul li .purchase-icon {
      float: left;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      color: #e00712;
      text-align: center;
      background: white; }
      .pro-purchase-listing ul li .purchase-icon .fa-mobile {
        font-size: 18px; }
    .pro-purchase-listing ul li .purchase-excerpt h6 {
      font-weight: 500;
      overflow: hidden;
      margin: 5px 0 10px; }
      .pro-purchase-listing ul li .purchase-excerpt h6 .label {
        font-weight: 400;
        font-size: 9px;
        margin-bottom: 0;
        background: #1b1b1b; }
      .pro-purchase-listing ul li .purchase-excerpt h6 small {
        float: right;
        font-size: 14px;
        font-weight: 500;
        color: #e00712; }
    .pro-purchase-listing ul li .purchase-excerpt .purchase-detail {
      overflow: hidden;
      margin-bottom: 0; }
      .pro-purchase-listing ul li .purchase-excerpt .purchase-detail span {
        float: left;
        width: 33.33%;
        min-height: 1px;
        padding-right: 15px; }
        .pro-purchase-listing ul li .purchase-excerpt .purchase-detail span:nth-child(2) {
          text-align: center; }
        .pro-purchase-listing ul li .purchase-excerpt .purchase-detail span:last-child {
          text-align: right;
          padding-right: 0; }

@media (max-width: 991px) {
  .pro-purchase-listing ul li .purchase-excerpt .purchase-detail span {
    width: auto; } }
@media (max-width: 479px) {
  .pro-purchase-listing ul li .purchase-excerpt [class*=col-] {
    width: 100%;
    text-align: left; }

  .pro-purchase-listing ul li .purchase-excerpt h6 small {
    margin-top: 5px;
    float: none;
    display: block; }

  .pro-purchase-listing ul li .purchase-excerpt h6 {
    margin: 5px 0; } }
/* Feedback */
.feedback-block .pro-info-content {
  max-width: 28em; }

.contactus-form,
.userprofile-form {
  padding: 2em 0; }
  .contactus-form .pro-info-content,
  .userprofile-form .pro-info-content {
    max-width: 38.5em; }
    .contactus-form .pro-info-content .pro-thumb-btn .fa,
    .userprofile-form .pro-info-content .pro-thumb-btn .fa {
      font-size: 4em; }
    .contactus-form .pro-info-content .inline-list,
    .userprofile-form .pro-info-content .inline-list {
      display: inline-flex;
      flex-wrap: wrap; }
      .contactus-form .pro-info-content .inline-list .pro-gender,
      .userprofile-form .pro-info-content .inline-list .pro-gender {
        padding-bottom: 0; }
      .contactus-form .pro-info-content .inline-list .radio-inline input,
      .userprofile-form .pro-info-content .inline-list .radio-inline input {
        position: static;
        margin: 0; }
    .contactus-form .pro-info-content .btn-section,
    .userprofile-form .pro-info-content .btn-section {
      margin: 0 0 2em; }
    @media (max-width: 767px) {
      .contactus-form .pro-info-content,
      .userprofile-form .pro-info-content {
        max-width: 100%; } }
  .contactus-form .form-group label,
  .userprofile-form .form-group label {
    font-size: 1em; }

.pro-feedback-content {
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
  margin-bottom: 30px;
  font-size: 12px;
  min-height: 385px;
  margin-bottom: 0; }
  .pro-feedback-content .pro-sub-title {
    border-top: none; }
    @media (max-width: 767px) {
      .pro-feedback-content .pro-sub-title h6 {
        font-size: 16px; } }
  .pro-feedback-content .pro-feedback-form {
    padding: 15px 0;
    max-width: 100%;
    margin: 0 auto; }
    .pro-feedback-content .pro-feedback-form label {
      font-weight: 500; }
    .pro-feedback-content .pro-feedback-form .btn {
      font-size: 14px;
      min-width: 180px;
      height: 40px; }
    .pro-feedback-content .pro-feedback-form textarea {
      height: 70px;
      max-width: 100%; }
    .pro-feedback-content .pro-feedback-form .form-control {
      background-color: #fff; }

.pro-feedback-form label {
  font-weight: 500; }
.pro-feedback-form .btn {
  font-size: 12px;
  min-height: 40px;
  min-width: 145px; }

.cardHeaderTip {
  text-align: center;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: relative;
  height: 100%; }
  .cardHeaderTip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #f0f3f5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto; }
  .cardHeaderTip .title-head h1 {
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 0;
    display: inline-block; }

.siteContainer {
  max-width: 1484px;
  margin: 0 auto; }
  .siteContainer .contactus-form h2 {
    color: #0e0e0e;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px; }
    .siteContainer .contactus-form h2 i {
      color: #e00712; }
  .siteContainer .contactus-form .contact-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .siteContainer .contactus-form .contact-wrapper .pro-info-content {
      max-width: 100% !important; }
      .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content {
        background-color: #fff;
        padding: 33px 35px;
        border-radius: 10px;
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05); }
        .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content .form-group .form-control {
          background-color: #fff;
          border-radius: 5px;
          min-height: 54px;
          padding: 10px 22px;
          display: flex;
          align-items: center; }
        .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content .form-group textarea.form-control {
          min-height: 114px;
          width: 100%;
          min-width: 100%; }
        .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content .form-group .captcha img {
          display: block;
          margin: 0 auto; }
        .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content .form-group label {
          font-weight: 600; }
        .siteContainer .contactus-form .contact-wrapper .pro-info-content .pro-feedback-content .btn {
          min-width: 266px;
          min-height: 60px;
          font-size: 18px; }
    .siteContainer .contactus-form .contact-wrapper .left-info-content, .siteContainer .contactus-form .contact-wrapper .pro-info-content {
      padding: 0 3%; }
    .siteContainer .contactus-form .contact-wrapper .left-info-content {
      width: 60%; }
      @media (max-width: 1199px) {
        .siteContainer .contactus-form .contact-wrapper .left-info-content {
          width: 50%; } }
      @media (max-width: 991px) {
        .siteContainer .contactus-form .contact-wrapper .left-info-content {
          width: 100%; } }
      .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info {
        padding: 33px 35px; }
        @media (max-width: 575px) {
          .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info {
            padding: 30px 10px; } }
        .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .text-info {
          margin-bottom: 40px; }
          .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .text-info p {
            color: #0e0e0e;
            font-size: 16px; }
            .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .text-info p:last-child {
              margin-bottom: 0; }
        .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .vertical-list {
          list-style: none;
          padding-left: 0;
          margin-bottom: 50px; }
          .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .vertical-list li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
            color: #535353; }
            .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .vertical-list li:last-child {
              margin-bottom: 0; }
            .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .vertical-list li .icon {
              min-width: 40px; }
            .siteContainer .contactus-form .contact-wrapper .left-info-content .contact-info .vertical-list li .desc {
              font-size: 16px; }
    .siteContainer .contactus-form .contact-wrapper .pro-info-content {
      width: 40%; }
      @media (max-width: 1199px) {
        .siteContainer .contactus-form .contact-wrapper .pro-info-content {
          width: 50%; } }
      @media (max-width: 991px) {
        .siteContainer .contactus-form .contact-wrapper .pro-info-content {
          width: 100%; } }

/* Settings */
.pro-settings-content {
  /* background: lighten($primary-color, 12%);*/
  /*box-shadow: 0 1px 3px darken($light-grey, 5%);*/
  /*margin-bottom: 30px;*/
  font-size: 12px;
  min-height: 385px; }
  .pro-settings-content .pro-settings-body {
    padding: 15px 0; }
    .pro-settings-content .pro-settings-body .frm-user-language {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .pro-settings-content .pro-settings-body .frm-user-language .form-group {
        margin-bottom: 0; }
    .pro-settings-content .pro-settings-body .pro-set-opt {
      font-size: 11px; }
      .pro-settings-content .pro-settings-body .pro-set-opt input {
        margin-top: 2; }
      .pro-settings-content .pro-settings-body .pro-set-opt .form-group label {
        font-size: 13px; }
      .pro-settings-content .pro-settings-body .pro-set-opt .gutter-2 [class*=col-] {
        padding-left: 15px;
        padding-right: 15px; }
  .pro-settings-content .pro-pControl a + a {
    margin-left: 10px; }

.proControl {
  font-size: 12px; }
  .proControl .alert {
    text-align: center; }

.pc-body {
  min-height: 300px; }

.rSliderWrap {
  padding: 30px 30px 0;
  margin-bottom: 30px; }

.input-PIN {
  font-size: 0; }
  .input-PIN .form-control {
    width: auto;
    display: inline-block;
    font-size: 14px;
    width: 34px;
    border-radius: 0; }

.pc-preferences .input-PIN .form-control {
  border-color: #f5f7f8; }

@media (max-width: 479px) {
  .pro-set-opt .col-xs-4 {
    width: 50%; } }
/* Profile info */
.pro-info-content {
  background: transparent;
  max-width: 28em;
  margin: 0 auto;
  font-size: 0.9em;
  min-height: 355px; }
  .pro-info-content .pro-thumb-edit {
    margin: 0 auto 1em;
    max-width: 12em;
    position: relative; }
    .pro-info-content .pro-thumb-edit img {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%; }
  .pro-info-content .pro-thumb-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
    cursor: pointer;
    font-size: 2.5em;
    color: #fff;
    border: none;
    background: no-repeat;
    line-height: 100%;
    background: rgba(206, 206, 206, 0.8);
    display: block;
    border-radius: 100%; }
    .pro-info-content .pro-thumb-btn .fa {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      color: #f3f3f3; }
  .pro-info-content .pro-gender {
    padding-bottom: 15px;
    /*border-bottom: 1px solid lighten($light-grey, 5%);*/ }
  .pro-info-content .btn-section {
    margin-top: 2em; }
    .pro-info-content .btn-section .btn {
      min-width: 11.5em;
      padding: 0.6em 0.4em;
      border-radius: 2px; }

.proChangePassword {
  font-size: 11px; }

@media (max-width: 767px) {
  .pro-info-content {
    padding: 15px; } }
/* Profile Subscription */
.pro-subscription-content .panel-group {
  margin-bottom: 30px; }
.pro-subscription-content .panel-group .panel + .panel {
  margin-top: 15px; }
.pro-subscription-content .pkg-group .panel-group .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #1b1b1b; }
.pro-subscription-content .panel-default {
  background: #2d2d2d;
  border-color: #2d2d2d; }
.pro-subscription-content .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none; }
.pro-subscription-content .panel-heading {
  background: #2d2d2d;
  border: none;
  color: #fff;
  padding: 0; }
  .pro-subscription-content .panel-heading .panel-title {
    font-size: 14px;
    font-weight: 500; }
    .pro-subscription-content .panel-heading .panel-title a {
      display: block;
      position: relative;
      padding: 15px 40px 15px 15px; }
      .pro-subscription-content .panel-heading .panel-title a .label {
        font-size: 9px;
        font-weight: 400;
        margin: 0 2px;
        display: inline-block;
        vertical-align: middle;
        background: #1b1b1b; }
      .pro-subscription-content .panel-heading .panel-title a .fa {
        font-size: 24px;
        position: absolute;
        top: 12px;
        right: 15px;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s; }
      .pro-subscription-content .panel-heading .panel-title a:focus {
        text-decoration: none;
        color: #fff; }
      .pro-subscription-content .panel-heading .panel-title a:hover {
        text-decoration: none;
        background: #1b1b1b;
        color: #fff; }
.pro-subscription-content .panel.active .panel-heading .panel-title a {
  color: #fff;
  background: #e00712; }
.pro-subscription-content .panel.active .panel-heading .panel-title a .fa {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.pro-subscription-content .addon-ch-listing ul {
  list-style: none;
  margin: 0 -7px -15px;
  padding: 0;
  overflow: hidden; }
  .pro-subscription-content .addon-ch-listing ul li {
    float: left;
    padding: 0 7px 15px;
    text-align: center;
    width: 16.66%; }
    .pro-subscription-content .addon-ch-listing ul li .addon-ch {
      background: #fff;
      padding: 15px 10px;
      line-height: 28px;
      height: 60px; }
      .pro-subscription-content .addon-ch-listing ul li .addon-ch img {
        max-height: 100%; }
.pro-subscription-content .pro-current-pkg {
  padding: 15px;
  background: #2d2d2d;
  border-bottom: 1px solid #1b1b1b;
  font-size: 11px; }
  .pro-subscription-content .pro-current-pkg p {
    margin-bottom: 0; }
  .pro-subscription-content .pro-current-pkg h1 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 20px; }
  .pro-subscription-content .pro-current-pkg h2 {
    margin-bottom: 0;
    font-size: 25px; }
    .pro-subscription-content .pro-current-pkg h2 sup {
      color: #fff;
      font-weight: 400;
      font-size: 11px;
      top: -10px;
      left: -5px; }
  .pro-subscription-content .pro-current-pkg .pro-pkg-price {
    text-align: right; }

@media (max-width: 479px) {
  .pro-subscription-content .addon-ch-listing ul li {
    width: 33.33%; }

  .pro-subscription-content .pro-current-pkg {
    font-size: 10px; }

  .pro-subscription-content .pro-current-pkg h1 {
    font-size: 14px;
    margin-top: 5px; } }
/* Profile Subscription */
.pg-pkg-box {
  background: #fff;
  box-shadow: 0 1px 3px #e6ebee;
  font-size: 11px;
  overflow: hidden;
  margin: 0 auto 30px;
  max-width: 540px;
  position: relative;
  color: #0e0e0e; }
  .pg-pkg-box .pg-pkg-left {
    padding: 15px;
    background: #666666;
    color: #fff; }
    .pg-pkg-box .pg-pkg-left p {
      margin-bottom: 8px; }
      .pg-pkg-box .pg-pkg-left p:last-child {
        margin-bottom: 0; }
    .pg-pkg-box .pg-pkg-left h2 {
      margin-bottom: 5px;
      font-size: 18px;
      text-transform: uppercase;
      min-height: 70px; }
    .pg-pkg-box .pg-pkg-left .btn-info {
      font-size: 12px;
      min-width: 150px;
      border: 2px solid #fff;
      background: transparent;
      color: #fff; }
      .pg-pkg-box .pg-pkg-left .btn-info:hover, .pg-pkg-box .pg-pkg-left .btn-info:focus {
        background: #fff;
        color: #0e0e0e; }
  .pg-pkg-box .pg-pkg-right {
    padding: 15px; }
  .pg-pkg-box .pg-pkg-price {
    text-transform: uppercase;
    color: #666666; }
    .pg-pkg-box .pg-pkg-price h3 {
      margin-bottom: 5px;
      font-size: 26px; }
      .pg-pkg-box .pg-pkg-price h3 sup {
        font-size: 12px;
        font-weight: 400; }
  .pg-pkg-box .pg-pkg-excerpt ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .pg-pkg-box .pg-pkg-excerpt ul li {
      position: relative;
      margin-bottom: 5px;
      color: #666666;
      padding-left: 20px; }
      .pg-pkg-box .pg-pkg-excerpt ul li .fa {
        position: absolute;
        left: 0;
        top: 3px; }
      .pg-pkg-box .pg-pkg-excerpt ul li:last-child {
        margin-bottom: 0; }
  .pg-pkg-box .pg-purchased {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    text-indent: 18px;
    width: 60px;
    height: 60px; }
    .pg-pkg-box .pg-purchased:before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-width: 30px;
      z-index: -1;
      border-style: solid;
      border-color: #129c00 #129c00 transparent transparent; }
  .pg-pkg-box.pg-pkg-1 .pg-pkg-left {
    background: #129c00; }
  .pg-pkg-box.pg-pkg-1 .pg-pkg-price h3, .pg-pkg-box.pg-pkg-1 .pg-pkg-excerpt ul li .fa, .pg-pkg-box.pg-pkg-1 .pg-pkg-left .btn:hover, .pg-pkg-box.pg-pkg-1 .pg-pkg-left .btn:focus {
    color: #129c00; }
  .pg-pkg-box.pg-pkg-1.active {
    outline: 2px solid #129c00;
    outline-offset: -2px; }
  .pg-pkg-box.pg-pkg-1 .pg-purchased:before {
    border-color: #129c00 #129c00 transparent transparent; }
  .pg-pkg-box.pg-pkg-2 .pg-pkg-left {
    background: #0c6090; }
  .pg-pkg-box.pg-pkg-2 .pg-pkg-price h3, .pg-pkg-box.pg-pkg-2 .pg-pkg-excerpt ul li .fa, .pg-pkg-box.pg-pkg-2 .pg-pkg-left .btn:hover, .pg-pkg-box.pg-pkg-2 .pg-pkg-left .btn:focus {
    color: #0c6090; }
  .pg-pkg-box.pg-pkg-2.active {
    outline: 2px solid #0c6090;
    outline-offset: -2px; }
  .pg-pkg-box.pg-pkg-2 .pg-purchased:before {
    border-color: #0c6090 #0c6090 transparent transparent; }
  .pg-pkg-box.pg-pkg-3 .pg-pkg-left {
    background: #703ebc; }
  .pg-pkg-box.pg-pkg-3 .pg-pkg-price h3, .pg-pkg-box.pg-pkg-3 .pg-pkg-excerpt ul li .fa, .pg-pkg-box.pg-pkg-3 .pg-pkg-left .btn:hover, .pg-pkg-box.pg-pkg-3 .pg-pkg-left .btn:focus {
    color: #703ebc; }
  .pg-pkg-box.pg-pkg-3.active {
    outline: 2px solid #703ebc;
    outline-offset: -2px; }
  .pg-pkg-box.pg-pkg-3 .pg-purchased:before {
    border-color: #703ebc #703ebc transparent transparent; }
  .pg-pkg-box.pg-pkg-4 .pg-pkg-left {
    background: #e91c23; }
  .pg-pkg-box.pg-pkg-4 .pg-pkg-price h3, .pg-pkg-box.pg-pkg-4 .pg-pkg-excerpt ul li .fa, .pg-pkg-box.pg-pkg-4 .pg-pkg-left .btn:hover, .pg-pkg-box.pg-pkg-4 .pg-pkg-left .btn:focus {
    color: #e91c23; }
  .pg-pkg-box.pg-pkg-4.active {
    outline: 2px solid #e91c23;
    outline-offset: -2px; }
  .pg-pkg-box.pg-pkg-4 .pg-purchased:before {
    border-color: #e91c23 #e91c23 transparent transparent; }

@media (max-width: 1199px) {
  .pg-pkg-box .pg-pkg-excerpt {
    font-size: 11px; } }
@media (max-width: 479px) {
  .pg-pkg-box .col-xs-6 {
    width: 100%; }

  .pg-pkg-box .pg-pkg-left h2 {
    min-height: 40px; } }
.pro-links > div:nth-child(even) {
  text-align: right; }

/*--New Profile Section--*/
.profile-wrap {
  background: #f0f3f5 !important;
  position: relative; }
  .profile-wrap .pg-header {
    background-color: #000;
    position: sticky; }

.pro-info {
  position: relative;
  height: 100%; }
  @media (min-width: 1200px) {
    .pro-info {
      padding: 2em 0; } }
  @media (max-width: 991px) {
    .pro-info {
      padding: 1em; } }

.profile-menu {
  background-color: #fff;
  font-size: 1vw;
  border-top: 0.05em solid #bdbfc0;
  border-bottom: 0.05em solid #bdbfc0;
  margin-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 0; }
  .profile-menu .inline-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    max-width: 1300px;
    margin: auto; }
    .profile-menu .inline-list li a {
      display: inline-block;
      text-transform: uppercase;
      padding: 0.95em 0.4em;
      color: #0e0e0e;
      font-weight: 400;
      display: block;
      font-size: 0.9em; }
      .profile-menu .inline-list li a:hover, .profile-menu .inline-list li a:focus, .profile-menu .inline-list li a.active {
        color: #e00712; }
      .profile-menu .inline-list li a.active {
        font-weight: 500; }
    .profile-menu .inline-list li.active a {
      color: #e00712;
      font-weight: 700; }

@media (max-width: 1199px) {
  .pg-profile {
    font-size: 1.5vw; }
    .pg-profile .profile-menu .inline-list li a {
      font-size: 1.4em; } }
@media (max-width: 991px) {
  .pg-profile {
    font-size: 2vw; }
    .pg-profile .profile-menu .inline-list li a {
      font-size: 1.6em; } }
@media (max-width: 767px) {
  .pg-profile {
    font-size: 2.5vw; }
    .pg-profile .profile-menu {
      display: none; } }
@media (max-width: 540px) {
  .pg-profile {
    font-size: 3vw; }
    .pg-profile .profile-menu {
      display: none; }
    .pg-profile .pro-info .pro-info-content {
      padding: 0;
      max-width: 35em; } }
/*---Profile Settings---*/
.pro-title {
  border-bottom: 1px solid #acacac !important;
  border-left: none;
  color: #0e0e0e;
  padding: 15px 0;
  background-color: transparent;
  margin-bottom: 20px; }
  .pro-title h1 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500; }

.pro-sub-title {
  background-color: transparent;
  border-bottom: 1px solid #acacac;
  border-top: 1px solid #acacac;
  color: #0e0e0e;
  padding: 15px 0; }
  .pro-sub-title h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500; }

/*--Setting Page Styles--*/
.setting-block .pro-info-content {
  max-width: 35em; }
.setting-block .pro-settings-content {
  background-color: transparent; }
  .setting-block .pro-settings-content .pro-sub-title {
    border: none; }
    .setting-block .pro-settings-content .pro-sub-title.lang-title {
      padding-bottom: 0; }
    .setting-block .pro-settings-content .pro-sub-title.notification-alert {
      border-bottom: 1px solid #acacac; }
  .setting-block .pro-settings-content .pro-settings-body {
    color: #0e0e0e;
    border-bottom: 1px solid #acacac; }
    .setting-block .pro-settings-content .pro-settings-body .btn {
      min-width: 12em;
      border-radius: 2px;
      min-height: 40px;
      background-color: #ff0837;
      border-color: #ff0837;
      display: flex;
      justify-content: center;
      align-items: center; }
    .setting-block .pro-settings-content .pro-settings-body .content-holder {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
    .setting-block .pro-settings-content .pro-settings-body .pro-pControl {
      margin-bottom: 2em; }
      .setting-block .pro-settings-content .pro-settings-body .pro-pControl label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
        background: #35be78;
        border-radius: 30px;
        padding: 8px 12px;
        color: #fff; }
    .setting-block .pro-settings-content .pro-settings-body.parent-control-body {
      padding-top: 0;
      border-bottom: none; }
      .setting-block .pro-settings-content .pro-settings-body.parent-control-body .password-verifcation-form .password-label label {
        font-weight: 400; }
      .setting-block .pro-settings-content .pro-settings-body.parent-control-body .password-verifcation-form .field-wrapper {
        width: calc(100% - 160px);
        margin-bottom: 0; }
        .setting-block .pro-settings-content .pro-settings-body.parent-control-body .password-verifcation-form .field-wrapper .form-control {
          background-color: #fff;
          width: 100%;
          font-size: 14px;
          min-height: 55px;
          padding: 10px 22px;
          display: flex;
          align-items: center; }
      .setting-block .pro-settings-content .pro-settings-body.parent-control-body .pControl-password .password-label label {
        display: block;
        margin: 1em 0; }
    .setting-block .pro-settings-content .pro-settings-body .deactivate-section span {
      display: inline-block;
      margin-right: 15px; }
  .setting-block .pro-settings-content #frm_notification .pro-sub-title {
    border-top: none; }
  @media (max-width: 540px) {
    .setting-block .pro-settings-content .deactivate-section span {
      display: block;
      margin-bottom: 10px; } }

/*--Notificaton Page Styles--*/
.notification-block .pro-info-content {
  max-width: 55em;
  color: #000; }
.notification-block .pro-notification-listing ul li {
  margin-bottom: 10px;
  padding: 5px 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05); }
  .notification-block .pro-notification-listing ul li .notification-thumb {
    float: none;
    width: 30px; }
    .notification-block .pro-notification-listing ul li .notification-thumb a {
      font-size: 18px;
      color: #e00712; }
  .notification-block .pro-notification-listing ul li .notification-excerpt {
    margin: 0; }
    .notification-block .pro-notification-listing ul li .notification-excerpt h6 {
      margin-bottom: 0; }
      .notification-block .pro-notification-listing ul li .notification-excerpt h6 a, .notification-block .pro-notification-listing ul li .notification-excerpt h6 small {
        color: #0e0e0e; }
      .notification-block .pro-notification-listing ul li .notification-excerpt h6 small {
        font-size: 13px;
        color: #000;
        font-weight: 400; }

/*--Subscription Page Styles--*/
.pro-info .content-title {
  text-align: center;
  margin-bottom: 3em; }
  .pro-info .content-title h2 {
    font-size: 2.2em;
    color: #000;
    margin-bottom: 0.5em;
    font-weight: 700; }
  .pro-info .content-title p {
    color: #5d5e5f;
    font-size: 0.8em;
    margin-bottom: 0; }
    .pro-info .content-title p:last-child {
      margin-bottom: 0; }

.subscription-block {
  color: #898989;
  text-align: center;
  padding: 40px 15px; }
  .subscription-block .package-wrapper {
    background-color: #fff;
    border-top: 5px solid transparent;
    padding: 2.5em 2em 2em;
    transition: all 0.5s ease;
    position: relative; }
    .subscription-block .package-wrapper:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 8px solid transparent;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .subscription-block .package-wrapper h3 {
      color: #000;
      font-weight: 600;
      font-size: 1.5em; }
    .subscription-block .package-wrapper .info-text {
      margin-bottom: 2em; }
      .subscription-block .package-wrapper .info-text p {
        font-size: 1em;
        font-weight: 600;
        color: #000; }
      .subscription-block .package-wrapper .info-text strong {
        font-size: 1.55em;
        color: #e00712;
        font-weight: 600; }
    .subscription-block .package-wrapper .package-text .btn {
      border-color: #c4c4c4;
      min-height: 3.5em;
      font-size: 1em;
      color: #000;
      margin-bottom: 2em; }
    .subscription-block .package-wrapper .package-text .btn-link a {
      color: #e00712;
      font-size: 0.85em;
      font-weight: 500;
      display: inline-block; }
    .subscription-block .package-wrapper:hover, .subscription-block .package-wrapper.active {
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
      border-top-color: #e00712;
      transform: scale(1.08);
      transition: all 0.5s ease;
      position: relative;
      z-index: 1;
      cursor: pointer; }
      .subscription-block .package-wrapper:hover:after, .subscription-block .package-wrapper.active:after {
        border-top-color: #e00712; }
      @media (max-width: 991px) {
        .subscription-block .package-wrapper:hover, .subscription-block .package-wrapper.active {
          transform: scale(1); } }
      .subscription-block .package-wrapper:hover .btn, .subscription-block .package-wrapper.active .btn {
        background-color: #e00712;
        border-color: #e00712;
        color: #fff; }

/*--Billing Info--*/
.billing-section {
  color: #0e0e0e;
  padding: 40px 15px; }
  .billing-section .content-title h2 {
    margin-bottom: 0; }
  .billing-section .card-wrapper {
    max-width: 720px;
    margin: 0 auto; }
    .billing-section .card-wrapper .card-item {
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
      background-color: #fff;
      margin-bottom: 15px;
      padding: 40px 50px; }
      @media (max-width: 575px) {
        .billing-section .card-wrapper .card-item {
          padding: 30px 15px; } }
      .billing-section .card-wrapper .card-item h5 {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600; }
      .billing-section .card-wrapper .card-item.grand-total .content-holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 600; }
        .billing-section .card-wrapper .card-item.grand-total .content-holder .text-danger {
          color: #ed2a48; }
      .billing-section .card-wrapper .card-item.reward-item .form-group {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center; }
        .billing-section .card-wrapper .card-item.reward-item .form-group label {
          padding: 0 15px 0 0;
          font-size: 14px;
          color: #757575;
          font-weight: 400; }
        .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex {
          display: flex;
          align-items: center; }
          .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex input {
            min-width: 300px;
            background-color: transparent;
            border-right: none;
            font-weight: 400; }
            @media (max-width: 575px) {
              .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex input {
                min-width: 200px; } }
            @media (max-width: 360px) {
              .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex input {
                min-width: 80px; } }
          .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex .input-group-text {
            cursor: pointer;
            height: 55px;
            min-width: 138px;
            border-radius: 0 2px 2px 0;
            background-color: #e00712;
            color: #fff;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media (max-width: 575px) {
              .billing-section .card-wrapper .card-item.reward-item .form-group .input-group-flex .input-group-text {
                min-width: 100px; } }
      .billing-section .card-wrapper .card-item.payment-methods .payment-btn {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #dadada; }
      .billing-section .card-wrapper .card-item.payment-methods .card-method {
        padding-left: 0;
        margin-right: 30px; }
        @media (max-width: 575px) {
          .billing-section .card-wrapper .card-item.payment-methods .card-method {
            margin-right: 15px; } }
        .billing-section .card-wrapper .card-item.payment-methods .card-method:last-child {
          margin-right: 0; }
        .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper {
          cursor: pointer;
          min-width: 148px;
          height: 148px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          padding: 10px;
          border: 1px solid #dadada;
          transition: all 0.5s ease; }
          .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper img, .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper span {
            display: block;
            text-align: center;
            margin: 0 auto 10px; }
          .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper img {
            max-width: 100px;
            margin-bottom: 15px;
            max-width: 100px;
            padding: 0;
            border: none;
            flex-shrink: 0; }
          .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper span {
            margin-bottom: 0;
            width: 100%;
            font-size: 14px;
            font-weight: 500; }
          @media (max-width: 575px) {
            .billing-section .card-wrapper .card-item.payment-methods .card-method .input-wrapper {
              min-width: 118px;
              height: 100px; } }
        .billing-section .card-wrapper .card-item.payment-methods .card-method input {
          opacity: 0; }
          .billing-section .card-wrapper .card-item.payment-methods .card-method input:checked + .input-wrapper {
            border-color: #e00712; }
      .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .control-label {
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 12px;
        padding: 0; }
      .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .form-control {
        background-color: transparent;
        font-weight: 400; }
      .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .input-field {
        font-weight: 400;
        color: #525252;
        font-size: 14px; }
        .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .input-field span {
          margin-left: 6px;
          display: inline-block; }
      .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .btn-wrapper .btn {
        min-height: 55px;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: bold; }
      .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .btn-wrapper .info-text {
        color: #555555;
        text-align: center;
        font-weight: 400;
        font-size: 14px; }
        .billing-section .card-wrapper .card-item.payment-methods .payment-info .form-row .btn-wrapper .info-text a {
          color: #e00712; }
      .billing-section .card-wrapper .card-item.view-plans {
        background: url("../images/packages/plan-banner.png") #fff no-repeat;
        min-height: 107px;
        width: 100%;
        background-size: cover;
        display: block; }
        .billing-section .card-wrapper .card-item.view-plans .content-holder {
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-wrap: wrap; }
          @media (max-width: 575px) {
            .billing-section .card-wrapper .card-item.view-plans .content-holder {
              padding: 0 20px; } }
          .billing-section .card-wrapper .card-item.view-plans .content-holder .left-content {
            flex-grow: 1; }
          .billing-section .card-wrapper .card-item.view-plans .content-holder h5 {
            margin-bottom: 5px;
            font-size: 18px;
            text-transform: uppercase; }
            .billing-section .card-wrapper .card-item.view-plans .content-holder h5 span {
              color: #e00712; }
          .billing-section .card-wrapper .card-item.view-plans .content-holder p {
            font-size: 15px;
            color: #000;
            margin-bottom: 0; }
          .billing-section .card-wrapper .card-item.view-plans .content-holder .btn {
            font-size: 16px;
            font-weight: 500;
            min-height: 44px; }
            @media (max-width: 767px) {
              .billing-section .card-wrapper .card-item.view-plans .content-holder .btn {
                margin-top: 15px; } }
  .billing-section .rent-movie-content {
    display: flex; }
    .billing-section .rent-movie-content .image-holder {
      margin-right: 20px;
      flex: 1 0 auto; }
    .billing-section .rent-movie-content .content-holder {
      padding: 5px 0 0; }
      .billing-section .rent-movie-content .content-holder h5 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 20px; }
      .billing-section .rent-movie-content .content-holder p {
        color: #757575;
        font-size: 14px; }
  .billing-section .subscription-table .inline-list {
    list-style: none;
    padding: 0; }
    .billing-section .subscription-table .inline-list li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #dadada; }
      .billing-section .subscription-table .inline-list li:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0; }
      .billing-section .subscription-table .inline-list li span, .billing-section .subscription-table .inline-list li strong {
        font-weight: 500;
        font-size: 14px;
        display: inline-block; }
      .billing-section .subscription-table .inline-list li span {
        color: #757575; }
  .billing-section .subscription-table .change-btn a {
    color: #e00712;
    text-transform: uppercase; }
  .billing-section.order-summary .card-wrapper .card-item.reward-item .form-group .input-group-flex .input-group-text {
    background-color: #0e0e0e; }

/*---Device Manager Page Styles---*/
.profile-wrap .deviceManager-block .alert-warning {
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
  padding: 15px; }
  .profile-wrap .deviceManager-block .alert-warning .fa {
    border-radius: 100%;
    color: #fff;
    background-color: #e00712;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; }

.deviceManager-block .pro-info-content {
  max-width: 55em; }
.deviceManager-block .pro-device-listing ul li {
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05); }
  .deviceManager-block .pro-device-listing ul li .remove_device {
    background-color: #929292;
    font-size: 14px;
    color: #fff; }
    .deviceManager-block .pro-device-listing ul li .remove_device i {
      margin-right: 5px; }
    .deviceManager-block .pro-device-listing ul li .remove_device:hover, .deviceManager-block .pro-device-listing ul li .remove_device:focus {
      background-color: #e00712; }
  .deviceManager-block .pro-device-listing ul li .device-icon {
    background-color: #e00712;
    color: #fff;
    border-radius: 100%; }
  .deviceManager-block .pro-device-listing ul li .device-excerpt h6 {
    font-size: 15px; }
  .deviceManager-block .pro-device-listing ul li .device-excerpt p {
    font-size: 13px; }

/*---Change Password screen---*/
.proChangePassword .modal-content {
  background-color: #f0f3f5; }
.proChangePassword .modal-header:before, .proChangePassword .modal-header:after {
  content: none; }
.proChangePassword .modal-header.pro-title {
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  margin-bottom: 0; }
  .proChangePassword .modal-header.pro-title .close {
    font-size: 30px; }

.pin-confirmation-section {
  /*--Confirmation Wizard--*/
  /*Form Wizard*/ }
  .pin-confirmation-section .pin-label label {
    display: block;
    margin: 1em 0;
    font-weight: 400; }
  .pin-confirmation-section .field-wrapper {
    display: flex;
    border: 1px solid #cacaca; }
    .pin-confirmation-section .field-wrapper .form-control {
      background-color: #fff;
      min-height: 55px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
      color: #0e0e0e;
      max-width: 94px; }
  .pin-confirmation-section .pro-settings-body {
    border-bottom: none !important; }
  .pin-confirmation-section .confirmation-wizard {
    margin-top: 40px; }
  .pin-confirmation-section .confirmation-wizard {
    padding: 0 0 10px 0;
    display: flex;
    align-items: center; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step {
    padding: 0;
    position: relative;
    width: 20%; }
    .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.active > .confirmation-wizard-dot {
      background-color: #38bd77; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step .confirmation-wizard-stepnum {
    color: #494949;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step .confirmation-wizard-info {
    color: #999;
    font-size: 14px; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step > .confirmation-wizard-dot {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    background: #7fd2a8;
    top: 25px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
    background-color: #fbfbfb; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #7fd2a8; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.complete > .progress > .progress-bar {
    width: 100%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.active > .progress > .progress-bar {
    width: 50%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.disabled > .confirmation-wizard-dot {
    background-color: #7fd2a8; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.disabled > .confirmation-wizard-dot:after {
    opacity: 0; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step:last-child > .progress {
    width: 50%; }
  .pin-confirmation-section .confirmation-wizard > .confirmation-wizard-step.disabled a.confirmation-wizard-dot {
    pointer-events: none; }

/*---Parental Control---*/
.pc-preferences .infoLabelText p {
  font-size: 12px;
  color: #333;
  font-family: "Montserrat", sans-serif; }
.pc-preferences .rSliderWrap {
  padding: 30px 10px 0; }
  .pc-preferences .rSliderWrap .slider.slider-horizontal {
    width: 100%; }
    .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-track-high {
      background: #dadada;
      box-shadow: none; }
    .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-selection {
      background: #7fd2a8;
      box-shadow: none; }
    .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-tick {
      background: #dadada; }
      .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-tick.in-selection {
        background: #7fd2a8; }
    .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-handle {
      background: #38bd77; }
    .pc-preferences .rSliderWrap .slider.slider-horizontal .slider-tick-label {
      color: #333;
      font-size: 14px; }
.pc-preferences .input-PIN {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #cacaca;
  max-width: 300px;
  margin: 0 0 10px;
  overflow: hidden; }
  .pc-preferences .input-PIN input {
    width: 25%;
    text-align: center;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
    background-color: #fff; }
.pc-preferences .form-field-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  .pc-preferences .form-field-wrapper .btn {
    margin-bottom: 10px;
    background-color: #ff0837;
    border-color: #ff0837; }

.package-wrap {
  background: url(../images/login-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 30px 0; }
  .package-wrap .package-head {
    text-align: center;
    padding-bottom: 30px; }
    .package-wrap .package-head .package-logo {
      margin-bottom: 30px; }
    .package-wrap .package-head h5 {
      margin-bottom: 30px; }
  .package-wrap .package-box {
    background: #fff;
    text-align: center;
    max-width: 320px;
    position: relative;
    margin: 0 auto 40px;
    font-size: 12px;
    color: #0e0e0e; }
    .package-wrap .package-box .package-type {
      margin: 0 10px;
      position: relative;
      top: -10px;
      padding-bottom: 45px;
      color: #fff; }
      .package-wrap .package-box .package-type:before {
        position: absolute;
        top: 0;
        left: -10px;
        content: "";
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #000 #000 transparent; }
      .package-wrap .package-box .package-type:after {
        position: absolute;
        top: 0;
        right: -10px;
        content: "";
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #000 #000; }
      .package-wrap .package-box .package-type .package-type-inn {
        padding: 20px 10px 0;
        min-height: 80px; }
        .package-wrap .package-box .package-type .package-type-inn h1 {
          margin: 0;
          font-size: 15px;
          text-transform: uppercase;
          font-weight: 700; }
          .package-wrap .package-box .package-type .package-type-inn h1 span {
            font-weight: 900; }
        .package-wrap .package-box .package-type .package-type-inn p {
          margin-bottom: 5px; }
    .package-wrap .package-box .package-excerpt {
      color: #808080;
      padding: 0 15px;
      min-height: 120px; }
      .package-wrap .package-box .package-excerpt .pkg-features {
        text-align: left; }
        .package-wrap .package-box .package-excerpt .pkg-features li .fa {
          color: #e00712; }
    .package-wrap .package-box .package-price {
      padding: 15px;
      height: 74px; }
      .package-wrap .package-box .package-price span {
        vertical-align: middle;
        display: inline-block; }
        .package-wrap .package-box .package-price span.pp-price {
          margin: 0 5px; }
      .package-wrap .package-box .package-price .pp-currency {
        font-size: 18px;
        color: #e00712; }
      .package-wrap .package-box .package-price .pp-price {
        font-size: 42px;
        line-height: 1;
        font-weight: 900;
        color: #e00712; }
      .package-wrap .package-box .package-price .pp-price-period sup, .package-wrap .package-box .package-price .pp-price-period sub {
        display: block;
        text-align: left; }
      .package-wrap .package-box .package-price .pp-price-period sup {
        font-size: 18px;
        font-weight: 700;
        color: #808080;
        top: -.4em; }
      .package-wrap .package-box .package-price .pp-price-period sub {
        font-size: 11px;
        text-transform: uppercase;
        color: #0e0e0e;
        bottom: -1em; }
    .package-wrap .package-box .trail-pkg span {
      color: #e00712;
      font-size: 30px;
      font-weight: 900;
      display: block;
      line-height: 1; }
    .package-wrap .package-box .package-select {
      padding: 20px;
      background: white; }
    .package-wrap .package-box.package-1 .package-type {
      background: url(../images/pkg-type-1.png) no-repeat bottom center; }
    .package-wrap .package-box.package-1 .package-type-inn {
      background: #129c00; }
    .package-wrap .package-box.package-2 .package-type {
      background: url(../images/pkg-type-2.png) no-repeat bottom center; }
    .package-wrap .package-box.package-2 .package-type-inn {
      background: #0c6090; }
    .package-wrap .package-box.package-3 .package-type {
      background: url(../images/pkg-type-3.png) no-repeat bottom center; }
    .package-wrap .package-box.package-3 .package-type-inn {
      background: #703ebc; }
    .package-wrap .package-box.package-4 .package-type {
      background: url(../images/pkg-type-4.png) no-repeat bottom center; }
    .package-wrap .package-box.package-4 .package-type-inn {
      background: #e91c23; }

.learnMorePakage {
  overflow-y: auto !important; }
  .learnMorePakage .modal-content {
    background-color: transparent; }
  .learnMorePakage .modal-dialog.modal-xxl {
    max-width: 1300px;
    width: auto; }
    .learnMorePakage .modal-dialog.modal-xxl .modal-header {
      padding: 5px 0; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-header .close {
        opacity: 1;
        margin-top: 0;
        color: #fff;
        font-weight: 300;
        line-height: 1;
        font-size: 50px; }
    .learnMorePakage .modal-dialog.modal-xxl .modal-body {
      background: url("../../assets/images/packages/pkg-bg.jpg") no-repeat top center;
      background-color: #fff;
      background-size: contain;
      width: 100%;
      min-height: 700px;
      padding: 0; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 25px 0;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead {
            padding: 20px 20px; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-tag {
          position: relative;
          min-height: 72px; }
          @media (max-width: 480px) {
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-tag {
              min-height: 55px; } }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-tag span {
            background: url("../../assets/images/packages/tag.png") no-repeat;
            width: 195px;
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            padding-bottom: 10px;
            font-weight: 600;
            font-size: 18px;
            position: absolute;
            left: -35px;
            top: 0; }
            @media (max-width: 480px) {
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-tag span {
                width: 125px;
                min-height: 47px;
                left: -27px;
                font-size: 12px;
                text-align: left;
                background-size: 100%; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts {
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts {
            color: #fff;
            width: 90px;
            height: 90px;
            border-radius: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            flex-direction: column; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts span, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts strong, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts span, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts strong {
              display: block;
              text-align: center;
              line-height: 1; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts strong, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts strong {
              font-weight: 700;
              font-size: 26px; }
              @media (max-width: 480px) {
                .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts strong, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts strong {
                  font-size: 16px;
                  margin-bottom: 5px; } }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts span, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts span {
              font-size: 12px; }
              @media (max-width: 480px) {
                .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts span, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts span {
                  font-size: 11px; } }
            @media (max-width: 480px) {
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts, .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts {
                width: 65px;
                height: 65px; } }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .ch-counts {
            margin-right: 10px;
            background-color: #c2207e; }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-titlehead .pack-counts .mov-counts {
            background-color: #9a1ec2; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0 60px; }
        @media (max-width: 767px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block {
            padding: 0 20px; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content {
          width: 50%; }
          @media (max-width: 767px) {
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content,
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content {
              width: 100%; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content {
          flex-grow: 1; }
          @media (max-width: 767px) {
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content {
              order: 1; } }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder h2 {
            font-size: 36px;
            font-weight: 600;
            line-height: 1;
            margin: 0 0 25px; }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder p {
            font-size: 14px;
            color: #6a6a6a;
            line-height: 22px;
            margin: 0 0 30px; }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder .info-text {
            margin-bottom: 25px; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder .info-text strong {
              line-height: 1;
              font-weight: 600; }
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder .info-text strong span {
                font-size: 16px;
                display: block; }
                .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .content-holder .info-text strong span.price {
                  color: #e00712;
                  font-size: 28px; }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper {
            margin-bottom: 16px; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .btn-primary {
              min-width: 290px;
              height: 60px;
              font-weight: 400;
              font-size: 18px; }
              @media (max-width: 767px) {
                .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .btn-primary {
                  min-width: 242px; } }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .voucher-content {
              padding: 20px 0;
              margin-bottom: 30px;
              border-top: 1px solid #ccc;
              border-bottom: 1px solid #ccc; }
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .voucher-content .reward-item {
                margin-top: 25px; }
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .voucher-content a {
                display: inline-block;
                color: #000; }
                .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .voucher-content a span {
                  margin-right: 10px;
                  font-weight: 600;
                  font-size: 16px; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .inline-list {
              display: flex;
              align-items: center;
              justify-content: space-between; }
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .input-group-flex {
              display: flex;
              align-items: center; }
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .input-group-flex input {
                min-width: 250px;
                background-color: #fff; }
                @media (max-width: 480px) {
                  .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .input-group-flex input {
                    min-width: 160px; } }
              .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .input-group-flex .input-group-text {
                background-color: #0e0e0e;
                border-color: #0e0e0e;
                color: #fff;
                text-align: center;
                padding: 16px 10px;
                min-width: 138px;
                height: 55px;
                border-radius: 2px 0 2px 0;
                cursor: pointer;
                box-shadow: none; }
                @media (max-width: 480px) {
                  .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .left-content .redeem-voucher-wrapper .input-group-flex .input-group-text {
                    min-width: 85px;
                    font-size: 12px; } }
        @media (max-width: 767px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content {
            order: 0; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content .image-holder {
          text-align: right; }
          @media (max-width: 767px) {
            .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content .image-holder {
              text-align: center;
              margin-bottom: 25px; } }
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-intro-block .right-content .image-holder img {
            max-width: 80%; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section,
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section {
        padding: 0 60px; }
        @media (max-width: 767px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section,
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section {
            padding: 0 20px; } }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .slick-arrow,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section .slick-arrow {
          color: #000; }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .pg-movies .slick-list,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .pg-channels .slick-list,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section .pg-movies .slick-list,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section .pg-channels .slick-list {
          padding: 20px 0; }
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .title-header h5,
        .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section .title-header h5 {
          margin-bottom: 0;
          font-size: 16px;
          font-weight: 600; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .package-movies-section .pg-movies {
        padding-top: 0;
        border: none;
        box-shadow: none; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .pg-channels {
        border: none;
        box-shadow: none; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .channel-section .channel-wrapper .channel-slider .channel-item {
        font-size: 0.8vw; }
        @media (max-width: 1300px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 1vw; } }
        @media (max-width: 1199px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 1.4vw; } }
        @media (max-width: 767px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 1.6vw; } }
        @media (max-width: 575px) {
          .learnMorePakage .modal-dialog.modal-xxl .modal-body .package-detail-wrapper .live-channels-section .channel-section .channel-wrapper .channel-slider .channel-item {
            font-size: 3vw; } }
    .learnMorePakage .modal-dialog.modal-xxl .modal-footer {
      background-color: #fff;
      border: none;
      padding: 50px 0 60px; }
      .learnMorePakage .modal-dialog.modal-xxl .modal-footer .btn-section {
        display: flex;
        align-items: center;
        justify-content: center; }
        .learnMorePakage .modal-dialog.modal-xxl .modal-footer .btn-section .btn-primary {
          min-width: 290px;
          height: 60px;
          font-weight: 400;
          font-size: 18px; }
          @media (max-width: 767px) {
            .learnMorePakage .modal-dialog.modal-xxl .modal-footer .btn-section .btn-primary {
              min-width: 242px; } }

.thankyou-section {
  color: #000;
  text-align: center;
  padding: 0 15px;
  max-width: 975px;
  margin: 0 auto; }
  .thankyou-section .thankyou-wrapper .card-item {
    background-color: #fff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding: 40px 50px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 575px) {
      .thankyou-section .thankyou-wrapper .card-item {
        min-height: 450px; } }
    .thankyou-section .thankyou-wrapper .card-item .content-holder h3 {
      font-size: 22px;
      margin-bottom: 0;
      line-height: 1.4;
      font-weight: 500; }
    .thankyou-section .thankyou-wrapper .card-item .content-holder p {
      font-size: 16px;
      margin-bottom: 25px; }
    @media (max-width: 575px) {
      .thankyou-section .thankyou-wrapper .card-item {
        padding: 40px 20px; } }
    .thankyou-section .thankyou-wrapper .card-item .btn {
      min-height: 44px;
      max-width: 472px;
      font-size: 16px;
      font-weight: 600;
      margin: 0 auto; }

.package-detail-wrap {
  background: url(../images/login-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 30px 0; }
  .package-detail-wrap .package-head {
    text-align: center; }
    .package-detail-wrap .package-head .package-logo {
      margin-bottom: 30px; }
    .package-detail-wrap .package-head h5 {
      margin-bottom: 30px; }
  .package-detail-wrap .pSelectWrap {
    margin: 0 auto;
    max-width: 700px; }
  .package-detail-wrap .pSelectBox {
    background: #fff;
    color: #0e0e0e;
    font-size: 16px;
    margin-bottom: 15px; }
    .package-detail-wrap .pSelectBox a {
      color: #0e0e0e; }
      .package-detail-wrap .pSelectBox a:hover, .package-detail-wrap .pSelectBox a:focus {
        color: #e00712;
        text-decoration: none; }
    .package-detail-wrap .pSelectBox .pSelectHead {
      padding: 15px; }
      .package-detail-wrap .pSelectBox .pSelectHead p {
        margin: 0; }
      .package-detail-wrap .pSelectBox .pSelectHead h2 {
        margin: 0;
        text-transform: uppercase;
        font-weight: 400; }
        .package-detail-wrap .pSelectBox .pSelectHead h2 span {
          font-weight: 900; }
      .package-detail-wrap .pSelectBox .pSelectHead .pSelectAmount {
        text-align: right; }
    .package-detail-wrap .pSelectBox .pSelectContent {
      padding: 15px; }
      .package-detail-wrap .pSelectBox .pSelectContent .pSelectDetail a {
        color: #fff;
        font-weight: 700;
        display: inline-block;
        margin-top: 5px; }
        .package-detail-wrap .pSelectBox .pSelectContent .pSelectDetail a:hover, .package-detail-wrap .pSelectBox .pSelectContent .pSelectDetail a:focus {
          color: #0e0e0e; }
      .package-detail-wrap .pSelectBox .pSelectContent .pSelectAction {
        text-align: right; }
        .package-detail-wrap .pSelectBox .pSelectContent .pSelectAction .btn {
          background: #fff;
          border-color: #fff;
          font-weight: 700;
          min-width: 100px; }
    .package-detail-wrap .pSelectBox.pSelectBox-1 .pSelectHead .pSelectName h2 {
      color: #129c00; }
    .package-detail-wrap .pSelectBox.pSelectBox-1 .pSelectContent {
      background: #129c00;
      color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-1 .pSelectContent .pSelectAction .btn {
      color: #129c00; }
      .package-detail-wrap .pSelectBox.pSelectBox-1 .pSelectContent .pSelectAction .btn:hover, .package-detail-wrap .pSelectBox.pSelectBox-1 .pSelectContent .pSelectAction .btn:focus {
        background: #0c6900;
        border-color: #0c6900;
        color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-2 .pSelectHead .pSelectName h2 {
      color: #0c6090; }
    .package-detail-wrap .pSelectBox.pSelectBox-2 .pSelectContent {
      background: #0c6090;
      color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-2 .pSelectContent .pSelectAction .btn {
      color: #0c6090; }
      .package-detail-wrap .pSelectBox.pSelectBox-2 .pSelectContent .pSelectAction .btn:hover, .package-detail-wrap .pSelectBox.pSelectBox-2 .pSelectContent .pSelectAction .btn:focus {
        background: #084161;
        border-color: #084161;
        color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-3 .pSelectHead .pSelectName h2 {
      color: #703ebc; }
    .package-detail-wrap .pSelectBox.pSelectBox-3 .pSelectContent {
      background: #703ebc;
      color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-3 .pSelectContent .pSelectAction .btn {
      color: #703ebc; }
      .package-detail-wrap .pSelectBox.pSelectBox-3 .pSelectContent .pSelectAction .btn:hover, .package-detail-wrap .pSelectBox.pSelectBox-3 .pSelectContent .pSelectAction .btn:focus {
        background: #593196;
        border-color: #593196;
        color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-4 .pSelectHead .pSelectName h2 {
      color: #e91c23; }
    .package-detail-wrap .pSelectBox.pSelectBox-4 .pSelectContent {
      background: #e91c23;
      color: #fff; }
    .package-detail-wrap .pSelectBox.pSelectBox-4 .pSelectContent .pSelectAction .btn {
      color: #e91c23; }
      .package-detail-wrap .pSelectBox.pSelectBox-4 .pSelectContent .pSelectAction .btn:hover, .package-detail-wrap .pSelectBox.pSelectBox-4 .pSelectContent .pSelectAction .btn:focus {
        background: #bf1318;
        border-color: #bf1318;
        color: #fff; }
  .package-detail-wrap .pSelectExcerpt {
    padding: 15px;
    font-size: 14px; }
    .package-detail-wrap .pSelectExcerpt .pSelectChannel {
      margin-bottom: 10px;
      text-align: center;
      height: 40px; }
      .package-detail-wrap .pSelectExcerpt .pSelectChannel img {
        max-height: 40px; }
  .package-detail-wrap .pg-addonBox {
    background: #fff;
    margin-bottom: 15px;
    color: #0e0e0e; }
    .package-detail-wrap .pg-addonBox .pg-addon-head {
      padding: 15px 20px;
      background: white;
      color: #e00712; }
      .package-detail-wrap .pg-addonBox .pg-addon-head h4 {
        margin-bottom: 0; }
    .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item {
      padding: 15px;
      border-bottom: 1px solid white; }
      .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item:last-child {
        margin-bottom: 0; }
      .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item .pg-addon-name a {
        margin-top: 6px;
        display: inline-block;
        font-weight: 700;
        color: #0e0e0e;
        font-weight: 16px; }
        .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item .pg-addon-name a:hover, .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item .pg-addon-name a:focus {
          text-decoration: none;
          color: #e00712; }
      .package-detail-wrap .pg-addonBox .pg-addon-listing .pg-addon-item .pg-addon-period {
        margin-top: 6px; }
    .package-detail-wrap .pg-addonBox .pSelectExcerpt {
      padding: 15px 0 0; }
  .package-detail-wrap .view-cart {
    background: #fff;
    margin-bottom: 15px;
    color: #0e0e0e; }
    .package-detail-wrap .view-cart .vCart-head {
      padding: 15px;
      text-transform: uppercase;
      text-align: center; }
      .package-detail-wrap .view-cart .vCart-head h2 {
        margin-bottom: 0; }
      .package-detail-wrap .view-cart .vCart-head h4 {
        margin-bottom: 0;
        font-weight: 400;
        color: #e00712; }
    .package-detail-wrap .view-cart .vCart-body {
      background: white; }
      .package-detail-wrap .view-cart .vCart-body .vCart-item {
        padding: 15px;
        font-size: 16px;
        border-bottom: 1px solid #fff; }
        .package-detail-wrap .view-cart .vCart-body .vCart-item:last-child {
          border-bottom: none; }
        .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemName {
          margin-top: 6px; }
        .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemPrice {
          margin-top: 6px;
          text-align: right;
          font-weight: 700; }
          .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemPrice small {
            font-weight: 400; }
        .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemAction .btn {
          background: #fff;
          border-color: #fff;
          color: #e00712;
          font-weight: 700; }
          .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemAction .btn:hover, .package-detail-wrap .view-cart .vCart-body .vCart-item .vCart-itemAction .btn:focus {
            background: #e00712;
            border-color: #e00712;
            color: #fff; }
    .package-detail-wrap .view-cart .vCart-footer {
      padding: 20px 15px;
      font-size: 18px; }
      .package-detail-wrap .view-cart .vCart-footer .vCart-tName {
        text-transform: uppercase;
        margin-top: 4px; }
      .package-detail-wrap .view-cart .vCart-footer .vCart-tAmount {
        text-align: right;
        font-weight: 900;
        font-size: 24px; }
        .package-detail-wrap .view-cart .vCart-footer .vCart-tAmount small {
          font-weight: 300; }
  .package-detail-wrap .payment-method {
    padding: 15px;
    border-bottom: 1px solid white; }
  .package-detail-wrap .payment-coupon {
    padding: 15px; }
    .package-detail-wrap .payment-coupon .form-control {
      border-color: transparent;
      box-shadow: none; }
  @media only screen and (max-width: 480px) {
    .package-detail-wrap .pSelectName {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
    .package-detail-wrap .pSelectBox .pSelectHead .pSelectAmount {
      width: 100%;
      text-align: center; }
    .package-detail-wrap .pSelectBox {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .package-detail-wrap .pg-addon-name {
      margin-bottom: 10px; }
    .package-detail-wrap .view-cart .vCart-body .vCart-item {
      font-size: 14px; }
    .package-detail-wrap .view-cart .vCart-footer .vCart-tAmount {
      font-size: 20px; }
    .package-detail-wrap .view-cart .vCart-footer {
      font-size: 14px; }
    .package-detail-wrap .payment-label {
      margin-bottom: 10px; } }

.live-wrap {
  background: url(../images/profile-bg.jpg) no-repeat top center;
  background-size: cover; }

.pg-live {
  background: #000;
  height: 100%;
  min-height: 300px; }
  .pg-live .container, .pg-live .pg-vPlayer, .pg-live .pgVideo {
    height: 100%; }
  .pg-live .pg-vPlayer {
    /*        max-width: 750px;
            margin: 0 auto;*/
    overflow: hidden; }

.pg-vPlayer {
  height: 100%;
  overflow: hidden; }

.live-ch-action {
  text-align: right; }

.pg-epg {
  position: relative;
  height: calc(50vh - 60px);
  min-height: 200px;
  overflow: hidden; }
  .pg-epg .epg-left {
    padding-right: 250px;
    height: 100%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
    .pg-epg .epg-left .pg-epg-wrap.scroll-wrapper {
      height: calc(100% - 68px);
      overflow: auto; }
  .pg-epg .section-loader {
    background-color: #1b1b1b; }
  .pg-epg .epg-right-toggle {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 9;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    width: 50px; }
    .pg-epg .epg-right-toggle span {
      display: block; }
    .pg-epg .epg-right-toggle:hover, .pg-epg .epg-right-toggle:focus {
      color: #fff;
      text-decoration: none; }
    .pg-epg .epg-right-toggle .epg-right-show {
      display: none; }
  .pg-epg.expand .epg-left {
    padding-right: 50px; }
  .pg-epg.expand .epg-right-toggle .epg-right-show {
    display: block; }
  .pg-epg.expand .epg-right-toggle .epg-right-hide {
    display: none; }
  .pg-epg.expand .epg-right {
    right: -200px; }
    .pg-epg.expand .epg-right .pg-show-wrap {
      padding-left: 50px;
      font-size: 0; }
      .pg-epg.expand .epg-right .pg-show-wrap .pg-show-inn {
        visibility: hidden; }
  .pg-epg .epg-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 250px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    .pg-epg .epg-right .pg-show-wrap {
      padding: 10px;
      font-size: 11px;
      background: rgba(0, 0, 0, 0.8);
      color: #fff;
      height: 100%; }
      .pg-epg .epg-right .pg-show-wrap .pg-show-inn {
        visibility: visible;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s; }
    .pg-epg .epg-right .show-name {
      margin-bottom: 15px; }
      .pg-epg .epg-right .show-name h6 {
        margin-bottom: 0;
        padding-right: 40px;
        font-weight: 500; }
      .pg-epg .epg-right .show-name p {
        margin-bottom: 0;
        padding-right: 40px;
        text-transform: uppercase; }
    .pg-epg .epg-right .show-channel {
      margin-bottom: 15px; }
      .pg-epg .epg-right .show-channel img {
        max-height: 24px; }
    .pg-epg .epg-right .show-actions {
      text-align: right;
      margin-bottom: 15px; }
      .pg-epg .epg-right .show-actions a {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        text-align: center;
        color: #fff;
        line-height: 20px;
        margin-left: 4px;
        border: 2px solid #fff;
        font-size: 10px; }
        .pg-epg .epg-right .show-actions a .fa-play {
          text-indent: 2px; }
        .pg-epg .epg-right .show-actions a:focus, .pg-epg .epg-right .show-actions a:hover {
          text-decoration: none;
          color: #fff; }
    .pg-epg .epg-right .show-detail {
      margin-bottom: 15px; }
      .pg-epg .epg-right .show-detail ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .pg-epg .epg-right .show-detail ul li {
          position: relative;
          overflow: hidden; }
          .pg-epg .epg-right .show-detail ul li span {
            float: left;
            width: 60px; }
          .pg-epg .epg-right .show-detail ul li .show-detail-right {
            margin-left: 70px; }
    .pg-epg .epg-right .show-excerpt {
      font-size: 11px;
      color: #f5f7f8;
      font-style: italic; }

.plyr--hide-controls .live-ch-head {
  opacity: 0;
  visibility: hidden; }

.epg-filters {
  height: 34px;
  background: #808080; }
  .epg-filters .btn-select {
    height: 24px;
    line-height: 14px;
    font-size: 11px;
    min-width: 80px;
    padding: 2px 10px; }
  .epg-filters .dropdown-menu {
    left: auto;
    right: 0; }
  .epg-filters .tml-switch {
    color: #0e0e0e;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    height: 24px;
    margin: 0 2px;
    min-width: 72px;
    padding: 4px 22px 4px 10px;
    position: relative; }
    .epg-filters .tml-switch .fa {
      position: absolute;
      top: 0;
      right: 5px;
      bottom: 0;
      display: none;
      line-height: 24px; }
    .epg-filters .tml-switch input:checked + .fa {
      display: block; }
    .epg-filters .tml-switch.tml-switch-1 {
      background: #000;
      color: #fff; }
    .epg-filters .tml-switch.tml-switch-2 {
      background: #d6efad; }
    .epg-filters .tml-switch.tml-switch-3 {
      background: #b5e4f8; }
    .epg-filters .tml-switch.tml-switch-4 {
      background: #ffdfee; }
    .epg-filters .tml-switch.tml-switch-5 {
      background: #fcd6a5; }
    .epg-filters .tml-switch.tml-switch-6 {
      background: #81bdf9; }

.epg-sort {
  padding: 5px; }

.epg-head {
  height: 34px;
  background: #1b1b1b; }

.filter-slider {
  position: relative;
  padding: 5px 40px;
  background: #676767; }

.filter-slider-inn {
  overflow: hidden;
  white-space: nowrap; }

.filter-slider-frame {
  display: inline-block; }

.filter-arrow {
  position: absolute;
  top: 0;
  height: 34px;
  line-height: 34px;
  color: #0e0e0e;
  z-index: 9;
  font-size: 16px;
  text-align: center;
  width: 34px;
  background: #676767; }
  .filter-arrow:focus {
    color: #0e0e0e;
    background: #676767; }
  .filter-arrow:hover {
    color: #0e0e0e;
    background: #616161; }

.filter-prev {
  left: 0; }

.filter-next {
  right: 0; }

.pg-epg-left {
  float: left;
  position: relative;
  z-index: 2;
  /*box-shadow: 0 5px 5px $primary-color;*/
  width: 220px; }
  .pg-epg-left .pg-tml-now {
    height: 34px;
    background: #a6a6a6;
    font-size: 11px;
    color: #0e0e0e; }
    .pg-epg-left .pg-tml-now .tml-now-date a {
      display: inline-block;
      width: 15px;
      text-align: center;
      vertical-align: middle; }
      .pg-epg-left .pg-tml-now .tml-now-date a .fa {
        font-size: 16px; }
    .pg-epg-left .pg-tml-now .tml-now-date label {
      max-width: 80px;
      vertical-align: middle;
      font-weight: 400;
      margin: 0 5px; }
      .pg-epg-left .pg-tml-now .tml-now-date label .form-control {
        height: 20px;
        text-align: center;
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        color: #0e0e0e; }
        .pg-epg-left .pg-tml-now .tml-now-date label .form-control.placeholder {
          color: #0e0e0e; }
        .pg-epg-left .pg-tml-now .tml-now-date label .form-control:-moz-placeholder {
          color: #0e0e0e; }
        .pg-epg-left .pg-tml-now .tml-now-date label .form-control::-moz-placeholder {
          color: #0e0e0e; }
        .pg-epg-left .pg-tml-now .tml-now-date label .form-control:-ms-input-placeholder {
          color: #0e0e0e; }
        .pg-epg-left .pg-tml-now .tml-now-date label .form-control::-webkit-input-placeholder {
          color: #0e0e0e; }
  .pg-epg-left .pg-epg-channels ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .pg-epg-left .pg-epg-channels ul li {
      position: relative;
      border-bottom: 1px solid #222222; }
      .pg-epg-left .pg-epg-channels ul li a {
        display: block;
        color: #f5f7f8;
        padding: 8px 10px;
        height: 64px;
        position: relative;
        font-size: 11px;
        overflow: hidden;
        background: #000; }
        .pg-epg-left .pg-epg-channels ul li a .tml-ch-left {
          float: left;
          width: 30px; }
        .pg-epg-left .pg-epg-channels ul li a .tml-ch-right {
          margin-left: 40px; }
          .pg-epg-left .pg-epg-channels ul li a .tml-ch-right span {
            /*                        position: absolute;
                                    top: 12px;
                                    right: 10px;
                                    color: $secondary-color;*/ }
            .pg-epg-left .pg-epg-channels ul li a .tml-ch-right span + span {
              margin-left: 10px; }
          .pg-epg-left .pg-epg-channels ul li a .tml-ch-right img {
            max-height: 39px;
            max-width: 72px;
            vertical-align: middle; }
        .pg-epg-left .pg-epg-channels ul li a .tml-ch-caption {
          position: absolute;
          right: 0;
          top: 5px;
          bottom: 5px;
          width: 50px; }
          .pg-epg-left .pg-epg-channels ul li a .tml-ch-caption span {
            font-family: "Open Sans", sans-serif;
            font-weight: 900;
            text-transform: uppercase; }
            .pg-epg-left .pg-epg-channels ul li a .tml-ch-caption span.channel-pre {
              position: absolute;
              bottom: 0;
              right: 0; }
            .pg-epg-left .pg-epg-channels ul li a .tml-ch-caption span.channel-hd {
              position: absolute;
              top: 0;
              right: 0;
              color: #e91c23; }
        .pg-epg-left .pg-epg-channels ul li a:hover, .pg-epg-left .pg-epg-channels ul li a:focus {
          text-decoration: none; }
        .pg-epg-left .pg-epg-channels ul li a:hover {
          background: #131313; }
      .pg-epg-left .pg-epg-channels ul li:before, .pg-epg-left .pg-epg-channels ul li:after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        z-index: 9;
        background: #414141;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s; }
      .pg-epg-left .pg-epg-channels ul li:before {
        right: 0;
        top: 0; }
      .pg-epg-left .pg-epg-channels ul li:after {
        left: 0;
        bottom: 0; }
      .pg-epg-left .pg-epg-channels ul li a:before {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        z-index: 9;
        background: #414141;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s; }
      .pg-epg-left .pg-epg-channels ul li a:before {
        left: 0;
        top: 0; }
      .pg-epg-left .pg-epg-channels ul li.active:before, .pg-epg-left .pg-epg-channels ul li.active:after {
        width: 100%; }
      .pg-epg-left .pg-epg-channels ul li.active a:before {
        height: 100%; }

.epg-arrow {
  position: absolute;
  top: 0;
  height: 34px;
  line-height: 34px;
  color: #fff;
  z-index: 9;
  font-size: 16px;
  text-align: center;
  width: 24px;
  background: #0e0e0e; }
  .epg-arrow:focus {
    color: #fff;
    background: #050505; }
  .epg-arrow:hover {
    color: #fff;
    background: #050505; }

.epg-prev {
  left: 0; }

.epg-next {
  right: 0; }

.pg-epg-right {
  margin-left: 220px;
  position: relative;
  z-index: 1; }
  .pg-epg-right .section-loader {
    display: block; }

.epgLoader {
  padding: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff; }

.pg-epg-wrap .pg-epg-inn {
  height: 100%; }
.pg-epg-wrap .pg-footer {
  padding: 15px 0; }
.pg-epg-wrap .container-fluid {
  padding: 0 15px; }

.pg-epg-init {
  overflow: hidden;
  position: relative; }
  .pg-epg-init .pg-epg-frame {
    width: 7200px;
    position: relative;
    background: #2d2d2d; }
    .pg-epg-init .pg-epg-frame .pg-epg-hours ul {
      list-style: none;
      padding: 0;
      font-size: 0;
      margin: 0; }
      .pg-epg-init .pg-epg-frame .pg-epg-hours ul li {
        padding: 7px 10px;
        display: inline-block;
        font-size: 11px;
        line-height: 20px;
        height: 34px;
        width: 300px;
        color: #f5f7f8;
        border-right: 1px solid #222222;
        font-weight: 500; }
    .pg-epg-init .pg-epg-frame .pg-epg-duration {
      background: #222222;
      border-bottom: 1px solid #3c3c3c;
      position: relative; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration ul {
        list-style: none;
        padding: 0;
        font-size: 0;
        overflow: hidden;
        position: relative;
        margin: 0; }
        .pg-epg-init .pg-epg-frame .pg-epg-duration ul li {
          float: left;
          font-size: 14px; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a {
            height: 64px;
            padding: 15px 10px;
            display: block;
            position: relative;
            font-size: 12px;
            color: #f5f7f8;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-right: 1px solid #343434; }
            .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a:focus {
              text-decoration: none; }
            .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a:hover {
              background: #1b1b1b;
              text-decoration: none; }
            .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a .progress {
              margin: -15px -10px;
              border-radius: 0;
              height: 64px; }
            .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a .progress-bar {
              background-color: #000; }
            .pg-epg-init .pg-epg-frame .pg-epg-duration ul li a .progress-bar-striped {
              background-size: 6px 6px; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li.epgColor1 a {
            background: #d6efad; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li.epgColor2 a {
            background: #b5e4f8; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li.epgColor3 a {
            background: #ffdfee; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li.epgColor4 a {
            background: #fcd6a5; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration ul li.epgColor5 a {
            background: #81bdf9; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration.active {
        opacity: 1; }
        .pg-epg-init .pg-epg-frame .pg-epg-duration.active ul li a {
          font-weight: 700; }
          .pg-epg-init .pg-epg-frame .pg-epg-duration.active ul li a .fa {
            color: #e00712; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration:before, .pg-epg-init .pg-epg-frame .pg-epg-duration:after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        z-index: 9;
        background: #414141;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration:before {
        right: 0;
        top: 0; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration:after {
        left: 0;
        bottom: 0; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration ul:after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        z-index: 9;
        background: #414141;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration ul:after {
        right: 0;
        bottom: 0; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration.active:before, .pg-epg-init .pg-epg-frame .pg-epg-duration.active:after {
        width: 100%; }
      .pg-epg-init .pg-epg-frame .pg-epg-duration.active ul:after {
        height: 100%; }

.epg-now-bar {
  position: absolute;
  top: 0;
  left: 500px;
  box-shadow: 0 0 3px #282828;
  bottom: 0;
  z-index: 3;
  width: 2px;
  background: #e00712; }
  .epg-now-bar:before {
    background: #e00712;
    content: "";
    height: 40px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 6px; }

.pg-tml-mb {
  padding: 15px 0;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  text-align: center; }

.pgVideo {
  height: 300px;
  width: 100%;
  display: block;
  max-width: 100%;
  background: #000; }

.tmlModal {
  background: rgba(0, 0, 0, 0.7); }
  .tmlModal .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background: none; }
    .tmlModal .modal-content .modal-header {
      border: none;
      padding: 15px 0;
      background: none; }
      .tmlModal .modal-content .modal-header .close {
        color: #fff;
        opacity: 1;
        font-size: 24px; }
    .tmlModal .modal-content .modal-body {
      background: #fff;
      color: #0e0e0e; }
      .tmlModal .modal-content .modal-body .tml-show-thumb {
        position: relative;
        margin: -15px 15px -15px -15px; }
        .tmlModal .modal-content .modal-body .tml-show-thumb img {
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover; }
      .tmlModal .modal-content .modal-body .tml-show-excerpt {
        font-size: 10px; }
        .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-head {
          padding-top: 15px;
          margin-bottom: 25px; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-head p {
            margin-bottom: 0; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-head span {
            display: inline-block;
            line-height: 12px;
            margin-right: 7px;
            padding-right: 10px;
            border-right: 1px solid #f5f7f8; }
            .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-head span:last-child {
              margin-right: 0;
              padding-right: 0;
              border-right: none; }
        .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-actions {
          margin-bottom: 25px; }
        .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-btns a {
          display: inline-block;
          color: #fff;
          border-radius: 100%;
          margin-right: 5px;
          border: 2px solid #e00712; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-btns a .fa {
            width: 30px;
            height: 30px;
            text-align: center;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
            line-height: 26px;
            border: 2px solid #fff;
            background: #000;
            border-radius: 100%; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-btns a:hover .fa, .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-btns a:focus .fa {
            background: #e00712; }
        .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-logo {
          text-align: right; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-logo img {
            max-height: 30px; }
        .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-detail ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-detail ul li {
            overflow: hidden;
            position: relative;
            line-height: 1.7; }
            .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-detail ul li span {
              float: left;
              width: 60px;
              color: #808080; }
            .tmlModal .modal-content .modal-body .tml-show-excerpt .tml-show-detail ul li .tml-show-right {
              margin-left: 70px; }
  @media (min-width: 768px) {
    .tmlModal .modal-dialog {
      margin-top: 60px; } }
  @media (max-width: 767px) {
    .tmlModal .modal-content .modal-body .tml-show-thumb {
      margin-bottom: 15px; } }

@media only screen and (max-width: 991px) {
  .pg-epg-wrap .pg-footer {
    text-align: center; }

  .pg-epg-wrap .pg-footer .socialLinks {
    text-align: center; }

  .pg-epg-wrap .pg-footer .socialLinks ul li {
    margin: 15px 5px 0; } }
.pg-help {
  padding: 50px 0;
  height: calc(100vh - 70px); }
  .pg-help .pg-help-title {
    margin-bottom: 50px;
    font-weight: 600;
    text-align: center; }
  .pg-help .pg-help-item-listing {
    margin-bottom: 50px; }
    .pg-help .pg-help-item-listing .pg-help-item ul {
      list-style: none;
      font-size: 0;
      margin: 0;
      text-align: center;
      padding: 0; }
      .pg-help .pg-help-item-listing .pg-help-item ul li {
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        width: 145px;
        margin: 0 10px 10px;
        position: relative; }
        .pg-help .pg-help-item-listing .pg-help-item ul li a {
          display: block;
          color: #f5f7f8;
          overflow: hidden;
          position: relative;
          padding: 20px 10px; }
          .pg-help .pg-help-item-listing .pg-help-item ul li a:hover, .pg-help .pg-help-item-listing .pg-help-item ul li a:focus {
            text-decoration: none;
            color: #fff;
            background: transparent; }
            .pg-help .pg-help-item-listing .pg-help-item ul li a:hover .pg-item-icon, .pg-help .pg-help-item-listing .pg-help-item ul li a:focus .pg-item-icon {
              opacity: 1; }
          .pg-help .pg-help-item-listing .pg-help-item ul li a:before {
            background: #343434;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: -100%;
            -webkit-transition: all 0.2s linear 0s;
            -moz-transition: all 0.2s linear 0s;
            -ms-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
            width: 100%;
            z-index: -1; }
          .pg-help .pg-help-item-listing .pg-help-item ul li a:hover:before, .pg-help .pg-help-item-listing .pg-help-item ul li a:focus:before {
            top: 0; }
        .pg-help .pg-help-item-listing .pg-help-item ul li .pg-item-icon {
          margin-bottom: 20px;
          -webkit-transition: all 0.3s linear 0s;
          -moz-transition: all 0.3s linear 0s;
          -ms-transition: all 0.3s linear 0s;
          -o-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;
          opacity: .6; }
        .pg-help .pg-help-item-listing .pg-help-item ul li .pg-item-label h6 {
          margin-bottom: 0;
          font-weight: 600;
          font-size: 13px; }
  @media (max-width: 767px) {
    .pg-help {
      padding: 30px 0; }
      .pg-help .pg-help-title {
        margin-bottom: 30px;
        font-size: 20px; }
      .pg-help .pg-help-item-listing .pg-help-item ul li {
        margin: 0; }
      .pg-help .pg-help-search-wrap, .pg-help .pg-help-item-listing {
        margin-bottom: 30px; } }
  @media (max-width: 479px) {
    .pg-help .pg-help-title {
      font-size: 16px; } }

.help-note {
  text-align: center;
  margin-bottom: 50px; }
  .help-note a {
    color: #e00712; }
    .help-note a:hover, .help-note a:focus {
      text-decoration: none;
      color: #c70610; }

.sub-request {
  text-align: center; }
  .sub-request .btn {
    padding: 8px 12px;
    margin: 0 4px 10px; }

.pg-help-search-wrap {
  margin-bottom: 50px; }
  .pg-help-search-wrap .pg-help-search {
    max-width: 550px;
    position: relative;
    margin: 0 auto; }
    .pg-help-search-wrap .pg-help-search .form-control {
      height: 44px;
      background: #282828;
      color: #f5f7f8;
      border: 1px solid #414141;
      box-shadow: none; }
      .pg-help-search-wrap .pg-help-search .form-control:focus {
        border-color: #e00712; }
      .pg-help-search-wrap .pg-help-search .form-control:focus + button {
        background: #e00712;
        color: #fff; }
        .pg-help-search-wrap .pg-help-search .form-control:focus + button:hover {
          background: #af050e;
          color: #fff; }
    .pg-help-search-wrap .pg-help-search button {
      position: absolute;
      right: 4px;
      top: 4px;
      width: 36px;
      height: 36px;
      border: none;
      font-size: 16px;
      background: #343434;
      color: #737373; }
      .pg-help-search-wrap .pg-help-search button:hover {
        background: #af050e;
        color: #fff; }

.pg-help-result {
  margin-bottom: 50px;
  text-align: center; }

.pg-detail-help {
  padding: 50px 0 20px; }
  .pg-detail-help .help-detail-title {
    margin-bottom: 40px; }
    .pg-detail-help .help-detail-title h1 {
      font-size: 18px;
      margin-bottom: 5px; }
    .pg-detail-help .help-detail-title .pg-help-search-wrap {
      margin-bottom: 0; }
      .pg-detail-help .help-detail-title .pg-help-search-wrap .pg-help-search {
        max-width: inherit; }
  .pg-detail-help .breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: none;
    color: #676767; }
  .pg-detail-help .breadcrumb > li + li:before {
    content: "> ";
    color: #676767; }
  .pg-detail-help .breadcrumb > li > a {
    color: #676767; }
  .pg-detail-help .breadcrumb > li > a:hover, .pg-detail-help .breadcrumb > li > a:focus {
    text-decoration: none;
    color: #e00712; }
  .pg-detail-help .help-detail-item {
    margin-bottom: 25px;
    font-size: 12px; }
    .pg-detail-help .help-detail-item h6 {
      margin-bottom: 5px;
      color: #e00712;
      font-weight: 400; }

@media (max-width: 767px) {
  .pg-detail-help .help-detail-title h1 {
    font-size: 16px; }

  .pg-detail-help {
    padding: 25px 0 0; }

  .pg-detail-help .breadcrumb {
    margin-bottom: 25px; }

  .pg-detail-help .help-detail-title {
    margin-bottom: 25px; }

  .pg-help-result {
    margin-bottom: 30px; }

  .help-note {
    margin-bottom: 30px; } }
@media (max-width: 479px) {
  .sub-request .btn {
    display: block; } }
.pg-tickets {
  padding: 30px 0; }
  .pg-tickets .tickets-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    color: #000;
    border-bottom: 1px solid #ddd h1;
      border-bottom-font-size: 18px;
      border-bottom-padding-top: 5px;
      border-bottom-margin-bottom: 0; }
    .pg-tickets .tickets-title .btn {
      font-size: 10px; }
  .pg-tickets .tickets-table .table-responsive {
    border: 1px solid #ddd;
    font-size: 12px;
    color: #000; }
    .pg-tickets .tickets-table .table-responsive .table {
      margin-bottom: 0; }
      .pg-tickets .tickets-table .table-responsive .table a {
        color: #000; }
        .pg-tickets .tickets-table .table-responsive .table a:hover, .pg-tickets .tickets-table .table-responsive .table a:focus {
          text-decoration: none;
          color: #e00712; }
  .pg-tickets .tickets-table .table > tbody > tr > td, .pg-tickets .tickets-table .table > tbody > tr > th, .pg-tickets .tickets-table .table > tfoot > tr > td, .pg-tickets .tickets-table .table > tfoot > tr > th, .pg-tickets .tickets-table .table > thead > tr > td, .pg-tickets .tickets-table .table > thead > tr > th {
    padding: 12px 10px; }
  .pg-tickets .tickets-table .table > tbody > tr > td, .pg-tickets .tickets-table .table > tbody > tr > th, .pg-tickets .tickets-table .table > tfoot > tr > td, .pg-tickets .tickets-table .table > tfoot > tr > th, .pg-tickets .tickets-table .table > thead > tr > td, .pg-tickets .tickets-table .table > thead > tr > th {
    border-color: #ddd; }
  .pg-tickets .tickets-head {
    margin-bottom: 15px; }
    .pg-tickets .tickets-head .tickets-filter {
      text-align: right; }
      .pg-tickets .tickets-head .tickets-filter .multiselect {
        font-size: 10px;
        height: 32px;
        background-color: #ddd;
        border-color: #ddd;
        color: #000; }
      .pg-tickets .tickets-head .tickets-filter .dropdown-menu {
        left: auto;
        right: 0; }
    .pg-tickets .tickets-head .tickets-search {
      max-width: 200px; }
      .pg-tickets .tickets-head .tickets-search .form-control {
        background: #ddd;
        border-color: #ddd;
        box-shadow: none;
        color: #000;
        height: 32px;
        font-size: 10px; }
      .pg-tickets .tickets-head .tickets-search .input-group-addon {
        background: #ddd;
        border-color: #ddd;
        color: #000; }

.pg-ticket-detail {
  padding: 30px 0;
  color: #000; }
  .pg-ticket-detail .tickets-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    color: #000;
    border-bottom: 1px solid #ddd; }
    .pg-ticket-detail .tickets-title h1 {
      font-size: 18px;
      margin-bottom: 0; }
    .pg-ticket-detail .tickets-title .btn {
      font-size: 10px; }
  .pg-ticket-detail .tickets-head {
    margin-bottom: 15px; }
    .pg-ticket-detail .tickets-head .tickets-filter {
      text-align: right; }
      .pg-ticket-detail .tickets-head .tickets-filter .multiselect {
        font-size: 10px;
        height: 32px; }
      .pg-ticket-detail .tickets-head .tickets-filter .dropdown-menu {
        left: auto;
        right: 0; }
    .pg-ticket-detail .tickets-head .tickets-search {
      max-width: 200px; }
      .pg-ticket-detail .tickets-head .tickets-search .form-control {
        background: #ddd;
        border-color: #ddd;
        box-shadow: none;
        color: #000;
        height: 32px;
        font-size: 10px; }
  .pg-ticket-detail .ticket-detail-head {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px; }
    .pg-ticket-detail .ticket-detail-head p {
      margin-bottom: 0; }
    .pg-ticket-detail .ticket-detail-head h4 {
      margin-bottom: 0;
      color: #000; }
  .pg-ticket-detail .ticket-box {
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px; }
    .pg-ticket-detail .ticket-box .ticket-thumb {
      float: left;
      width: 60px; }
      .pg-ticket-detail .ticket-box .ticket-thumb img {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
    .pg-ticket-detail .ticket-box .ticket-excerpt {
      margin-left: 75px; }
    .pg-ticket-detail .ticket-box .tk-excerpt-head h6 {
      color: #000; }
      .pg-ticket-detail .ticket-box .tk-excerpt-head h6 small {
        float: right;
        font-size: 10px; }
    .pg-ticket-detail .ticket-box .tk-excerpt-comment p {
      margin-bottom: 6px; }
      .pg-ticket-detail .ticket-box .tk-excerpt-comment p:last-child {
        margin-bottom: 0; }
  .pg-ticket-detail .ticket-comment-area {
    text-align: right; }
    .pg-ticket-detail .ticket-comment-area .form-control {
      background: #ddd;
      border-color: #dadada;
      box-shadow: none;
      color: #000;
      max-width: 100%; }
  .pg-ticket-detail .ticket-comment-btn {
    text-align: right; }
  .pg-ticket-detail .tk-sidebar-search .input-group-addon {
    background: #ddd;
    border-color: #ddd;
    color: #000; }
  .pg-ticket-detail .tk-sidebar-search .form-control {
    background: #ddd;
    border-color: #ddd;
    box-shadow: none;
    color: #000;
    height: 40px;
    font-size: 10px; }
  .pg-ticket-detail .ticket-status {
    margin-bottom: 15px;
    font-size: 12px;
    background: #ddd;
    padding: 15px; }
    .pg-ticket-detail .ticket-status ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .pg-ticket-detail .ticket-status ul li {
        margin-bottom: 15px; }
        .pg-ticket-detail .ticket-status ul li p {
          margin-bottom: 0; }
          .pg-ticket-detail .ticket-status ul li p a {
            color: #000; }
            .pg-ticket-detail .ticket-status ul li p a:hover, .pg-ticket-detail .ticket-status ul li p a:focus {
              background-color: #e00712; }
        .pg-ticket-detail .ticket-status ul li:last-child {
          margin-bottom: 0; }
  @media (max-width: 767px) {
    .pg-ticket-detail .ticket-box .tk-excerpt-head h6 small {
      float: none;
      display: block;
      padding-top: 5px; }
    .pg-ticket-detail .ticket-sidebar {
      margin-bottom: 30px; }
    .pg-ticket-detail .ticket-box .ticket-thumb {
      width: 36px; }
    .pg-ticket-detail .ticket-box .ticket-excerpt {
      margin-left: 50px; }
    .pg-ticket-detail .tickets-title h1 {
      font-size: 14px; } }

@media (min-width: 992px) {
  .ticket-sidebar {
    padding-left: 60px; } }
.pg-noResult {
  padding: 20px 0; }

.app-wrap {
  background: #2d2d2d; }
  .app-wrap .container {
    max-width: 767px;
    padding: 0; }

.app-header {
  padding: 15px;
  text-align: center;
  color: #fff;
  background: #af050e; }

.mobile-app-popup .modal-content {
  background: transparent;
  border: none;
  box-shadow: none; }

.mobile-app-popup .modal-header {
  border: none;
  padding: 15px 0; }

.mobile-app-popup .modal-body {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

.mobile-app-popup .modal-header .close {
  border: none;
  color: #fff;
  opacity: 1; }

.app-content {
  background: #2d2d2d;
  font-size: 12px;
  margin: -15px;
  color: #fff; }

.app-banner {
  background: url(../images/app-banner-bg.png) no-repeat center center #e00712;
  background-size: cover;
  text-align: center;
  padding: 30px 15px 15px; }

.app-excerpt {
  padding: 15px 15px 0; }

.app-actions {
  padding: 15px; }
  .app-actions a {
    display: inline-block;
    line-height: 1;
    min-width: 125px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 8px 15px; }
    .app-actions a .fa {
      font-size: 18px;
      margin-top: 5px; }
    .app-actions a.btn-app {
      background: #fff;
      color: #0e0e0e;
      border: 2px solid #fff; }
      .app-actions a.btn-app .fa {
        float: left; }
      .app-actions a.btn-app .btn-app-text {
        margin-left: 24px; }
      .app-actions a.btn-app:hover, .app-actions a.btn-app:focus {
        background: #e00712;
        color: #fff;
        border-color: #e00712;
        text-decoration: none; }
    .app-actions a.btn-continue {
      background: transparent;
      color: #fff;
      border: 2px solid #fff; }
      .app-actions a.btn-continue .fa {
        float: right; }
      .app-actions a.btn-continue:hover, .app-actions a.btn-continue:focus {
        background: #fff;
        color: #e00712;
        border-color: #fff;
        text-decoration: none; }
    .app-actions a p {
      margin-bottom: 0;
      font-weight: 700; }
    .app-actions a small {
      font-size: 10px; }
    .app-actions a:last-child {
      margin-right: 0; }

.pg-main.iv-pkg-main {
  background: white;
  color: #0e0e0e; }

.iv-pkg-content {
  padding: 30px 0; }

.iv-pkg-listing {
  margin-bottom: 30px; }
  .iv-pkg-listing .slick-dots {
    position: relative;
    padding: 30px 0 0; }
  .iv-pkg-listing .slick-dots li button {
    width: 30px;
    border-radius: 0;
    background: #f5f7f8;
    height: 6px; }
  .iv-pkg-listing .slick-dots li.slick-active button {
    width: 30px;
    height: 6px;
    background: #e00712; }

.iv-pkg-item {
  background: #fff;
  text-align: center;
  box-shadow: 0 1px 3px #e6ebee; }
  .iv-pkg-item .iv-pkg-title {
    padding: 10px 15px;
    font-weight: 700;
    font-size: 22px;
    color: #fff; }
  .iv-pkg-item .iv-pkg-desc {
    padding: 5px 15px;
    color: #f5f7f8;
    font-size: 12px;
    background: #000; }
  .iv-pkg-item .iv-pkg-feature .iv-pkg-feature-box + .iv-pkg-feature-box {
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .iv-pkg-item .iv-pkg-feature .iv-pkg-feature-box {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px; }
  .iv-pkg-item .iv-pkg-feature .iv-pkg-feature-icon {
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px; }
    .iv-pkg-item .iv-pkg-feature .iv-pkg-feature-icon img {
      height: 18px;
      vertical-align: middle; }
  .iv-pkg-item .iv-pkg-excerpt {
    padding: 15px; }
    .iv-pkg-item .iv-pkg-excerpt .iv-pkg-price {
      padding: 0 0 15px; }
      .iv-pkg-item .iv-pkg-excerpt .iv-pkg-price h2 {
        line-height: 1;
        margin: 5px 0;
        font-size: 36px; }
        .iv-pkg-item .iv-pkg-excerpt .iv-pkg-price h2 span {
          font-weight: 900; }
      .iv-pkg-item .iv-pkg-excerpt .iv-pkg-price p {
        margin-bottom: 0;
        font-weight: 700; }
    .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action {
      margin-bottom: 15px;
      overflow: hidden;
      height: 58px; }
      .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action p, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action ul, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action ol, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h1, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h2, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h3, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h4, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h5, .iv-pkg-item .iv-pkg-excerpt .iv-pkg-action h6 {
        margin: 0;
        padding: 0; }
  .iv-pkg-item .iv-pkg-btm {
    padding: 15px;
    color: #fff; }

.iv-packages-custom {
  padding: 15px;
  background: #666666 url(../images/custom-pkg-bg.png) no-repeat center right; }
  .iv-packages-custom.iv-premium {
    background: #666666 url(../images/premium-pkg-bg.png) no-repeat center right; }
  .iv-packages-custom .iv-custom-label h4 {
    color: #fff;
    margin-bottom: 0; }
    .iv-packages-custom .iv-custom-label h4 span {
      display: block; }
      .iv-packages-custom .iv-custom-label h4 span:last-child {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 900; }
  .iv-packages-custom .iv-custom-label p {
    color: #f5f7f8;
    margin-bottom: 0; }
  .iv-packages-custom .iv-custom-action {
    text-align: right;
    padding-top: 20px; }

/*Packages Colors*/
.pkg-color-1 {
  color: #26C281;
  /* Green Jungle */ }

.pkg-color-2 {
  color: #E87E04;
  /* Yellow Gold */ }

.pkg-color-3 {
  color: #BF55EC;
  /* Purple Medium */ }

.pkg-color-4 {
  color: #4B77BE;
  /* Blue Steel */ }

.pkg-color-5 {
  color: #2ab4c0;
  /* Green Sharp */ }

.pkg-color-6 {
  color: #67809F;
  /* Blue Hoki */ }

.pkg-color-7 {
  color: #e43a45;
  /* Red Mint */ }

.pkg-color-8 {
  color: #f3c200;
  /* Yellow Crusta */ }

.pkg-color-9 {
  color: #9A12B3;
  /* Purple Seance */ }

.pkg-color-10 {
  color: #EF4836;
  /* Red Flamingo */ }

.iv-pkg-1 .iv-pkg-color {
  color: #26C281; }
.iv-pkg-1 .iv-pkg-bg {
  background: #26C281; }

.iv-pkg-2 .iv-pkg-color {
  color: #E87E04; }
.iv-pkg-2 .iv-pkg-bg {
  background: #E87E04; }

.iv-pkg-3 .iv-pkg-color {
  color: #BF55EC; }
.iv-pkg-3 .iv-pkg-bg {
  background: #BF55EC; }

.iv-pkg-4 .iv-pkg-color {
  color: #4B77BE; }
.iv-pkg-4 .iv-pkg-bg {
  background: #4B77BE; }

.iv-pkg-5 .iv-pkg-color {
  color: #2ab4c0; }
.iv-pkg-5 .iv-pkg-bg {
  background: #2ab4c0; }

.iv-pkg-6 .iv-pkg-color {
  color: #67809F; }
.iv-pkg-6 .iv-pkg-bg {
  background: #67809F; }

.iv-pkg-7 .iv-pkg-color {
  color: #e43a45; }
.iv-pkg-7 .iv-pkg-bg {
  background: #e43a45; }

.iv-pkg-8 .iv-pkg-color {
  color: #f3c200; }
.iv-pkg-8 .iv-pkg-bg {
  background: #f3c200; }

.iv-pkg-9 .iv-pkg-color {
  color: #9A12B3; }
.iv-pkg-9 .iv-pkg-bg {
  background: #9A12B3; }

.iv-pkg-10 .iv-pkg-color {
  color: #EF4836; }
.iv-pkg-10 .iv-pkg-bg {
  background: #EF4836; }

@media (max-width: 767px) {
  .iv-pkg-listing .slick-dots {
    display: block !important; }

  .iv-packages-custom .iv-custom-label h2 span {
    display: inline; }

  .iv-packages-custom .iv-custom-label,
  .iv-packages-custom .iv-custom-action {
    text-align: center; } }
.iv-pkg-detail {
  background: #fff;
  box-shadow: 0 1px 3px #e6ebee;
  margin: 30px 0;
  padding: 15px; }

.ff-pkg-detail-body {
  padding: 15px 10px 10px 0; }

.ff-pkg-body-inn {
  padding-right: 7px; }

.ff-pkg-detail-body-inn {
  max-height: 300px;
  overflow: auto; }

.iv-detail-top {
  margin: 0;
  box-shadow: none;
  background: #1b1b1b; }

.iv-ff-pkgs {
  margin-bottom: 15px; }
  .iv-ff-pkgs .fa-angle-up {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }

.ff-pkg-item {
  background: #1b1b1b;
  overflow: hidden;
  position: relative; }
  .ff-pkg-item:before, .ff-pkg-item:after {
    content: "";
    width: 0;
    height: 4px;
    position: absolute;
    z-index: 9;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #f5f7f8; }
  .ff-pkg-item:before {
    right: 0;
    top: 0; }
  .ff-pkg-item:after {
    left: 0;
    bottom: 0; }
  .ff-pkg-item.active:before, .ff-pkg-item.active:after {
    width: 100%; }
  .ff-pkg-item.active .ff-pkg-item-inn:before, .ff-pkg-item.active .ff-pkg-item-inn:after {
    height: 100%; }
  .ff-pkg-item .ff-pkg-item-inn:before, .ff-pkg-item .ff-pkg-item-inn:after {
    content: "";
    width: 4px;
    height: 0;
    position: absolute;
    z-index: 9;
    transition: all 0.2s linear;
    background: #f5f7f8; }
  .ff-pkg-item .ff-pkg-item-inn:before {
    left: 0;
    top: 0; }
  .ff-pkg-item .ff-pkg-item-inn:after {
    right: 0;
    bottom: 0; }

.ff-pkg-item.purchased > .ff-pkg-item-inn > .iv-table {
  opacity: .6; }

.iv-ff-pkgs .ff-pkg-item ~ .ff-pkg-item {
  margin-top: 15px; }

.pkg-items-body {
  padding: 15px 15px 5px;
  background: #2d2d2d; }

.packs-label {
  padding-bottom: 10px; }
  .packs-label a {
    display: block;
    color: #fff; }
  .packs-label:focus {
    color: #fff; }
  .packs-label:hover {
    color: #e00712; }

.iv-svod-pack {
  position: relative;
  padding-bottom: 10px; }

.iv-svod-label {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 18px; }

.collapsed .fa-angle-up {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.packs-label ~ .packs-label {
  padding-top: 10px;
  border-top: 1px solid #1b1b1b; }

.ff-pkg-item .iv-table {
  table-layout: fixed; }
.ff-pkg-item .iv-table-cell {
  width: 33.33%; }
.ff-pkg-item .iv-pkg-left {
  padding: 15px;
  font-weight: 600;
  color: #fff; }
  .ff-pkg-item .iv-pkg-left h2 {
    font-weight: 900;
    margin-bottom: 10px;
    font-size: 18px; }
  .ff-pkg-item .iv-pkg-left ul, .ff-pkg-item .iv-pkg-left ol {
    padding-left: 16px; }
.ff-pkg-item .iv-pkg-center {
  height: 160px; }
.ff-pkg-item .iv-pkg-right {
  padding: 15px;
  text-align: center; }
  .ff-pkg-item .iv-pkg-right h2 {
    font-size: 18px;
    margin-bottom: 10px; }
    .ff-pkg-item .iv-pkg-right h2 span {
      font-weight: 900; }
  .ff-pkg-item .iv-pkg-right select.form-control {
    margin: 0 auto;
    max-width: 170px; }

.ff-channel-locked {
  padding: 15px;
  background: #2d2d2d;
  margin-bottom: 15px;
  position: relative; }
  .ff-channel-locked p {
    margin-bottom: 10px; }

.channel-lock-left {
  float: left; }

.channel-lock-thumb {
  text-align: center;
  display: inline-block;
  width: 120px;
  height: 100px;
  background: #fff;
  line-height: 70px;
  padding: 15px; }
  .channel-lock-thumb img {
    max-height: 70px;
    vertical-align: middle; }

.channel-lock-right {
  margin-left: 120px; }

.ff-pkg-discount {
  margin-bottom: 10px;
  position: relative;
  background: #e00712;
  color: #fff;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 15px; }
  .ff-pkg-discount:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 12px;
    border-color: transparent transparent transparent #1b1b1b; }
  .ff-pkg-discount:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 12px;
    border-color: transparent #1b1b1b transparent transparent; }

.iv-ch-listing {
  margin-bottom: 15px; }

.iv-ch-title {
  text-align: center;
  margin-bottom: 30px; }

.iv-ch-list {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }
  .iv-ch-list .iv-ch-box {
    padding: 10px;
    height: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: 0 0 1px #9a9a9a;
    border-left: 5px solid transparent; }
    .iv-ch-list .iv-ch-box .iv-ch-center {
      margin-right: 60px; }
    .iv-ch-list .iv-ch-box .iv-ch-right {
      float: right;
      width: 50px; }
    .iv-ch-list .iv-ch-box .iv-ch-left {
      float: left;
      width: 32px;
      height: 100%; }
    .iv-ch-list .iv-ch-box .iv-ch-action {
      padding-top: 11px; }
    .iv-ch-list .iv-ch-box .iv-ch-excerpt {
      font-size: 11px; }
      .iv-ch-list .iv-ch-box .iv-ch-excerpt h6 {
        margin: 5px 0;
        font-size: 12px; }
      .iv-ch-list .iv-ch-box .iv-ch-excerpt p {
        margin: 0; }
    .iv-ch-list .iv-ch-box .iv-ch-thumb {
      text-align: right;
      line-height: 40px; }
      .iv-ch-list .iv-ch-box .iv-ch-thumb img {
        max-height: 40px;
        vertical-align: middle; }
    .iv-ch-list .iv-ch-box.selected {
      border-left: 5px solid #e00712; }
  .iv-ch-list .iv-ch-name {
    margin-right: 60px; }

.iv-addon-listing.panel-group {
  margin-bottom: 0;
  padding-bottom: 10px; }
.iv-addon-listing .panel.panel-default {
  border: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 0 1px #9a9a9a;
  border-left: 5px solid #fff; }
.iv-addon-listing .panel-heading {
  position: relative;
  font-weight: bold;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  padding: 10px 40px 10px 10px;
  background: #fff; }
  .iv-addon-listing .panel-heading .iv-addon-trigger {
    position: absolute;
    right: 0;
    top: 0;
    color: #666666;
    height: 100%;
    width: 40px;
    font-size: 24px;
    line-height: 42px;
    text-align: center; }
    .iv-addon-listing .panel-heading .iv-addon-trigger .fa {
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
  .iv-addon-listing .panel-heading .iv-addon-head span + span {
    margin-left: 10px; }
.iv-addon-listing.panel-group .panel + .panel {
  margin-top: 10px; }
.iv-addon-listing .panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: white;
  border-color: white; }
.iv-addon-listing .panel.panel-default.active {
  border-left: 5px solid white; }
  .iv-addon-listing .panel.panel-default.active .panel-heading {
    background: white;
    border-color: white; }
  .iv-addon-listing .panel.panel-default.active .iv-addon-trigger .fa {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
.iv-addon-listing .panel.panel-default.selected {
  border-left: 5px solid #e00712; }

.iv-addon-list {
  list-style: none;
  margin: 0 -5px;
  padding: 0;
  font-size: 0;
  overflow: hidden; }
  .iv-addon-list li {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: 10%;
    padding: 0 5px 10px; }
    .iv-addon-list li .iv-addon-item {
      border: 1px solid white;
      padding: 5px;
      height: 60px;
      line-height: 48px;
      text-align: center;
      background: #fff; }
    .iv-addon-list li img {
      vertical-align: middle;
      max-height: 100%; }

@media (max-width: 991px) {
  .iv-detail-top .iv-table-cell {
    /*width: 50%;*/ }

  .iv-addon-list li {
    width: 80px; } }
@media (max-width: 767px) {
  .iv-detail-top .iv-table-cell {
    display: block;
    width: 100%; }

  .ff-pkg-item .iv-table-cell {
    width: 100%;
    display: block; }

  .iv-ff-content .iv-pkg-center {
    display: none; }

  .channel-lock-left {
    float: none;
    text-align: center; }

  .channel-lock-right {
    margin-left: 0;
    margin-top: 15px; } }
@media (max-width: 479px) {
  .iv-ch-list li {
    width: 100%; } }
.iv-checkout {
  padding: 30px 0; }

.iv-cart-table-wrap {
  overflow: auto;
  padding: 1px; }

.iv-cart-table {
  box-shadow: 0 0 1px #9a9a9a;
  font-size: 12px;
  min-width: 667px; }

.iv-cart-table-row {
  padding: 15px; }
  .iv-cart-table-row.heading {
    color: #fff; }
  .iv-cart-table-row.dark {
    background: white; }
  .iv-cart-table-row + .iv-cart-table-row {
    border-top: 1px solid white; }
  .iv-cart-table-row:nth-child(2) {
    border-top: none; }

.iv-cart-item-logo {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  height: 18px; }
  .iv-cart-item-logo img {
    max-height: 100%;
    max-width: 100%; }

.iv-payment.iv-widget .iv-widget-header {
  padding: 15px;
  font-size: 14px; }

.nav-pills > li + li {
  margin-left: 15px; }

.iv-pay-nav.nav-pills > li .fa-circle-o {
  display: inline-block; }
.iv-pay-nav.nav-pills > li .fa-dot-circle-o {
  display: none; }
.iv-pay-nav.nav-pills > li.active .fa-circle-o {
  display: none; }
.iv-pay-nav.nav-pills > li.active .fa-dot-circle-o {
  display: inline-block; }

.iv-pay-nav.nav > li > a {
  padding: 0;
  background: none !important;
  color: #0e0e0e; }
  .iv-pay-nav.nav > li > a:hover, .iv-pay-nav.nav > li > a:focus {
    color: #e00712; }

.iv-pay-nav.nav-pills > li.active a {
  color: #e00712; }

.iv-payment-form {
  margin: 0 auto;
  max-width: 500px; }

@media (max-width: 767px) {
  .nav.nav-pills.iv-pay-nav {
    margin-top: 10px; } }
.iv-ch-main {
  font-family: "Open Sans", sans-serif;
  padding: 30px 0; }

.iv-ch-content {
  position: relative;
  overflow: hidden; }

.iv-ch-content-top {
  min-height: 500px;
  position: relative;
  /*z-index: 2;*/ }
  .iv-ch-content-top .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c4c4c4; }
  .iv-ch-content-top .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #6c6c6c; }
  .iv-ch-content-top .iv-ch-panel, .iv-ch-content-top > .row, .iv-ch-content-top .row > [class*=col-] {
    height: 100%; }
  .iv-ch-content-top .iv-ch-left-top {
    height: 80%; }
    .iv-ch-content-top .iv-ch-left-top .iv-ch-video {
      height: 100%; }
  .iv-ch-content-top .iv-ch-left-btm {
    height: 22%; }
    .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail {
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      @media (max-width: 991px) {
        .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail {
          padding: 30px; } }
      .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        @media (max-width: 1199px) {
          .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content {
            order: 0;
            margin-bottom: 20px; } }
        .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .ch-playing-thumb {
          margin-right: 15px; }
        .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .chnnel-contnet-info {
          padding-right: 50px;
          border-right: 1px solid #2a2a2a; }
          @media (max-width: 1199px) {
            .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .chnnel-contnet-info {
              border: none;
              padding-right: 0; } }
          .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .chnnel-contnet-info h4 {
            font-size: 28px;
            font-weight: 600;
            text-transform: capitalize; }
          .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .chnnel-contnet-info .ch-playing-title {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            line-height: 1; }
            .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-left-content .chnnel-contnet-info .ch-playing-title .ch-playing-number {
              font-size: 14px; }
      .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-description-text p {
        font-size: 16px;
        color: #bcbcbc;
        max-width: 435px;
        margin-bottom: 0; }
      @media (max-width: 1199px) {
        .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .channel-description-text {
          order: 2; } }
      .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .ch-excerpt-head {
        border-left: 1px solid #2a2a2a;
        padding-left: 50px; }
        @media (max-width: 1199px) {
          .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .ch-excerpt-head {
            border: none;
            padding-left: 0;
            order: 1; }
            .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .ch-excerpt-head .ch-playing-actons li {
              width: 40px; }
            .iv-ch-content-top .iv-ch-left-btm .iv-ch-detail .ch-excerpt-head .ch-playing-actons li + li {
              border-left: none;
              margin-left: 10px; } }
    .iv-ch-content-top .iv-ch-left-btm .iv-ch-left-btm {
      display: flex;
      align-items: center; }
  .iv-ch-content-top .iv-ch-right-top {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s; }

.channel-wrapper-grid {
  display: flex;
  margin: 0 -10px;
  height: calc(100vh - 100px);
  width: auto;
  justify-content: center;
  transition: all 0.5s ease;
  margin-right: -30%; }
  @media (max-width: 1199px) {
    .channel-wrapper-grid {
      height: 100%; } }
  .channel-wrapper-grid .btn.fullscreen_add, .channel-wrapper-grid .btn.iv-filters-toggle {
    padding: 1.2em 1em;
    border-radius: 100%;
    background-color: transparent;
    margin: 0 0.8em;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0; }
  .channel-wrapper-grid .btn.fullscreen_add {
    margin-top: 10px;
    display: flex;
    align-items: center; }
    .channel-wrapper-grid .btn.fullscreen_add img {
      transform: rotate(180deg);
      transition: all 0.5s ease; }
    .channel-wrapper-grid .btn.fullscreen_add:first-child {
      margin-left: 0.8em; }
  .channel-wrapper-grid .btn img {
    min-width: 1.5em; }
  .channel-wrapper-grid .btn:hover, .channel-wrapper-grid .btn:focus {
    background-color: #272727; }
  @media (max-width: 767px) {
    .channel-wrapper-grid .iv-ch-views {
      position: absolute;
      right: 0;
      top: 0;
      opacity: 1;
      z-index: 1000;
      transition: all 0.5s ease; }
      .channel-wrapper-grid .iv-ch-views .btn {
        background-color: rgba(0, 0, 0, 0.8); } }
  .channel-wrapper-grid .iv-ch-panel {
    padding: 10px 10px 0; }
  .channel-wrapper-grid .iv-ch-left {
    width: 100%;
    flex-grow: 1; }
  .channel-wrapper-grid .iv-ch-right {
    width: 30%; }
    .channel-wrapper-grid .iv-ch-right .iv-ch-right-top {
      right: -100%; }
  @media (max-width: 991px) {
    .channel-wrapper-grid {
      margin-right: 0; }
      .channel-wrapper-grid .iv-filters-wrap {
        background: transparent; }
      .channel-wrapper-grid .btn.iv-filters-toggle {
        margin-top: 10px; }
      .channel-wrapper-grid .btn.fullscreen_add {
        position: static; }
        .channel-wrapper-grid .btn.fullscreen_add img {
          transform: rotate(180deg);
          transition: all 0.5s ease; }
      .channel-wrapper-grid .btn.for-not-active {
        display: inline-block; }
      .channel-wrapper-grid .iv-ch-panel {
        padding: 0 0 10px; }
      .channel-wrapper-grid .iv-ch-left {
        width: 100%; }
      .channel-wrapper-grid .iv-ch-right {
        position: absolute;
        right: -100%;
        top: 0;
        z-index: 1000000;
        background: rgba(0, 0, 0, 0.85);
        width: 400px;
        padding: 0;
        transition: all 0.5s ease; } }
    @media (max-width: 991px) and (max-width: 479px) {
      .channel-wrapper-grid .iv-ch-right {
        width: 284px; } }

.channelFullScreen .channel-wrapper-grid {
  margin-right: 0;
  transition: all 0.5s ease; }
  .channelFullScreen .channel-wrapper-grid .for-not-active {
    display: none !important; }
  .channelFullScreen .channel-wrapper-grid .btn img {
    transform: rotate(0deg);
    transition: all 0.5s ease; }
  .channelFullScreen .channel-wrapper-grid .btn.fullscreen_add:first-child {
    margin-top: 0;
    margin-left: 0; }
  @media (max-width: 991px) {
    .channelFullScreen .channel-wrapper-grid .btn.fullscreen_add:first-child {
      margin-left: 0.8em;
      margin-top: 10px; } }
  .channelFullScreen .channel-wrapper-grid .iv-ch-right {
    right: 0;
    transition: all 0.5s ease; }
    @media (max-width: 1199px) {
      .channelFullScreen .channel-wrapper-grid .iv-ch-right {
        width: 40%; } }
    @media (max-width: 991px) {
      .channelFullScreen .channel-wrapper-grid .iv-ch-right {
        width: 400px; } }
    @media (max-width: 479px) {
      .channelFullScreen .channel-wrapper-grid .iv-ch-right {
        width: 100%; } }
    .channelFullScreen .channel-wrapper-grid .iv-ch-right .iv-ch-right-top {
      right: 0; }
  .channelFullScreen .channel-wrapper-grid .iv-ch-left {
    width: 70%; }
    @media (max-width: 1199px) {
      .channelFullScreen .channel-wrapper-grid .iv-ch-left {
        width: 60%; } }
@media (max-width: 991px) {
  .channelFullScreen .channel-wrapper-grid .btn.fullscreen_add {
    position: static; }
  .channelFullScreen .channel-wrapper-grid .btn.for-not-active {
    display: none; }
  .channelFullScreen .channel-wrapper-grid .iv-ch-left {
    width: 100%; } }

.iv-video-cover {
  height: 100%;
  width: 100%;
  position: relative;
  background: #000;
  z-index: 999; }
  .iv-video-cover .plyr__video-wrapper .pgVideo {
    object-fit: cover; }
    @media (max-width: 479px) {
      .iv-video-cover .plyr__video-wrapper .pgVideo {
        min-height: 298px; } }
  .iv-video-cover .plyr__progress--buffer, .iv-video-cover .plyr__progress--played, .iv-video-cover .plyr__volume--display {
    height: 6px; }

.iv-video-mini {
  padding: 10px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8); }
  .iv-video-mini a {
    display: inline-block;
    min-width: 24px;
    text-align: center;
    vertical-align: middle; }
    .iv-video-mini a + a {
      margin-left: 10px; }

.iv-vid-back {
  font-size: 24px;
  line-height: 1; }

.iv-ch-left {
  background: #0e0e0e; }

.iv-ch-right-head {
  margin-bottom: 10px; }
  .iv-ch-right-head .dropdown-item .dropdown-menu {
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.9);
    left: auto;
    right: 0;
    min-width: 250px;
    padding: 10px 15px; }
    .iv-ch-right-head .dropdown-item .dropdown-menu li {
      margin-bottom: 5px;
      color: rgba(255, 255, 255, 0.7); }
      .iv-ch-right-head .dropdown-item .dropdown-menu li input {
        margin-right: 10px; }
      .iv-ch-right-head .dropdown-item .dropdown-menu li a {
        color: #fff; }
        .iv-ch-right-head .dropdown-item .dropdown-menu li a:hover {
          background-color: #2d2d2d; }
  .iv-ch-right-head label {
    margin-bottom: 0; }

.iv-ch-right-body {
  height: calc(100% - 45px);
  margin-bottom: 10px;
  padding: 15px 10px 15px 0;
  position: relative;
  overflow: hidden;
  background: #2d2d2d; }
  .iv-ch-right-body .section-loader {
    background-color: #2d2d2d;
    background-size: 50px; }

.iv-ch-right-footer {
  background: #2d2d2d;
  display: none; }

.iv-ch-search {
  position: relative; }
  .iv-ch-search .form-control {
    padding: 10px 40px;
    height: 40px;
    color: #f5f7f8;
    box-shadow: none;
    background: #2d2d2d;
    border-color: #2d2d2d; }
  .iv-ch-search .fa {
    position: absolute;
    top: 0;
    width: 40px;
    text-align: center;
    height: 100%;
    line-height: 40px; }
  .iv-ch-search .fa-search {
    left: 0; }
  .iv-ch-search .fa-spinner {
    right: 0; }

.iv-ch-items-wrap {
  max-height: 100%;
  overflow: auto; }

.iv-ch-items-inn {
  overflow: hidden; }

.scroll-wrapper .iv-ch-items-inn {
  padding-right: 10px; }

.iv-ch-items-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  padding-left: 35%; }
  .iv-ch-items-list.iv-list-view li {
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    width: 100%;
    overflow: hidden; }
    .iv-ch-items-list.iv-list-view li .iv-ch-item-thumb {
      padding: 0;
      float: left;
      width: 100px; }
      .iv-ch-items-list.iv-list-view li .iv-ch-item-thumb img {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
        object-fit: cover;
        height: 100%;
        width: 100%; }
  .iv-ch-items-list.iv-grid-view li {
    float: left;
    width: 33.33%; }
    .iv-ch-items-list.iv-grid-view li .iv-ch-item-detail {
      display: none; }
    .iv-ch-items-list.iv-grid-view li .iv-ch-item-thumb {
      text-align: center;
      height: 100%;
      background: #0e0e0e;
      padding: 0;
      line-height: 1; }
      .iv-ch-items-list.iv-grid-view li .iv-ch-item-thumb img {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: middle; }
  .iv-ch-items-list li {
    padding: 0 5px 10px;
    position: relative; }
    .iv-ch-items-list li .iv-ch-item-inn {
      background: #1b1b1b;
      color: #fff;
      height: 65px;
      overflow: hidden; }
    .iv-ch-items-list li a {
      display: block;
      color: #0e0e0e; }
      .iv-ch-items-list li a:hover, .iv-ch-items-list li a:focus {
        text-decoration: none; }
    .iv-ch-items-list li .iv-ch-item-thumb {
      text-align: center;
      height: auto;
      background: transparent;
      padding: 10px;
      line-height: 1; }
      .iv-ch-items-list li .iv-ch-item-thumb img {
        max-width: 75%;
        vertical-align: top; }
    .iv-ch-items-list li .iv-ch-item-detail {
      font-weight: 600;
      padding: 10px;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      width: 100%;
      height: 100%;
      padding-left: 110px; }
      .iv-ch-items-list li .iv-ch-item-detail > div {
        height: auto;
        line-height: 1;
        padding: 1px 0; }
      .iv-ch-items-list li .iv-ch-item-detail .iv-ch-type img {
        max-width: 20px; }
      .iv-ch-items-list li .iv-ch-item-detail .iv-ch-label {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px; }
        .iv-ch-items-list li .iv-ch-item-detail .iv-ch-label span:first-child {
          font-weight: 700;
          margin-right: 5px;
          font-size: 14px; }
      .iv-ch-items-list li .iv-ch-item-detail .iv-ch-tag {
        display: none; }
    .iv-ch-items-list li .iv-ch-item {
      position: relative; }
    .iv-ch-items-list li .iv-ch-item-inn {
      position: relative; }
    .iv-ch-items-list li .iv-ch-item:before, .iv-ch-items-list li .iv-ch-item:after {
      content: "";
      width: 0;
      height: 2px;
      position: absolute;
      z-index: 9;
      background: #e00712;
      -webkit-transition: all 0.2s linear 0s;
      -moz-transition: all 0.2s linear 0s;
      -ms-transition: all 0.2s linear 0s;
      -o-transition: all 0.2s linear 0s;
      transition: all 0.2s linear 0s; }
    .iv-ch-items-list li .iv-ch-item:before {
      right: 0;
      top: 0; }
    .iv-ch-items-list li .iv-ch-item:after {
      left: 0;
      bottom: 0; }
    .iv-ch-items-list li .iv-ch-item-inn:before, .iv-ch-items-list li .iv-ch-item-inn:after {
      content: "";
      width: 2px;
      height: 0;
      position: absolute;
      z-index: 9;
      background: #e00712;
      -webkit-transition: all 0.2s linear 0s;
      -moz-transition: all 0.2s linear 0s;
      -ms-transition: all 0.2s linear 0s;
      -o-transition: all 0.2s linear 0s;
      transition: all 0.2s linear 0s; }
    .iv-ch-items-list li .iv-ch-item-inn:before {
      left: 0;
      top: 0; }
    .iv-ch-items-list li .iv-ch-item-inn:after {
      right: 0;
      bottom: 0; }
    .iv-ch-items-list li:hover .iv-ch-item:before, .iv-ch-items-list li:hover .iv-ch-item:after {
      width: 100%; }
    .iv-ch-items-list li:hover .iv-ch-item-inn:before, .iv-ch-items-list li:hover .iv-ch-item-inn:after {
      height: 100%; }
    .iv-ch-items-list li.active .iv-ch-item:before, .iv-ch-items-list li.active .iv-ch-item:after {
      width: 100%; }
    .iv-ch-items-list li.active .iv-ch-item-inn:before, .iv-ch-items-list li.active .iv-ch-item-inn:after {
      height: 100%; }
    .iv-ch-items-list li .iv-ch-item-inn:hover:before, .iv-ch-items-list li .iv-ch-item-inn:hover:after, .iv-ch-items-list li .iv-ch-item.active .iv-ch-item-inn:before, .iv-ch-items-list li .iv-ch-item.active .iv-ch-item-inn:after {
      height: 100%; }

.iv-saech-mini {
  display: none; }

.iv-ch-detail-left {
  float: left;
  width: 100px; }

.iv-ch-detail-right {
  margin-left: 115px;
  overflow: hidden;
  height: 100%; }

.ch-playing-excerpt {
  height: 100%;
  font-size: 12px; }

.iv-ch-detail {
  padding: 15px; }

.ch-playing-thumb {
  position: relative;
  background: #1d1d1d;
  text-align: center; }
  .ch-playing-thumb .ch-playing-logo {
    line-height: 1;
    height: auto;
    padding: 0 img;
      padding-vertical-align: middle;
      padding-max-height: 100%;
      padding-max-width: 100%; }

.ch-playing-premium {
  position: absolute;
  background: #8d8205;
  color: #fff;
  text-transform: uppercase;
  bottom: -10px;
  left: 10px;
  right: 10px;
  height: 20px;
  line-height: 20px;
  border-radius: 50px;
  font-size: 10px; }

.ch-excerpt-head {
  margin-bottom: 20px;
  padding-top: 5px; }

.ch-excerpt-content {
  height: 100%; }

.ch-excerpt-body {
  margin-bottom: 20px; }

.ch-playing-number {
  float: left;
  font-size: 36px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 1; }

.ch-playing-title h4 {
  margin-bottom: 0;
  font-weight: 600; }

.ch-playing-actons {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: right; }
  .ch-playing-actons li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #1b1b1b;
    font-size: 14px; }
    .ch-playing-actons li + li {
      margin-left: 10px; }
    .ch-playing-actons li img {
      height: 16px;
      max-width: 18px;
      vertical-align: middle; }
    .ch-playing-actons li a {
      display: block;
      color: #fff;
      border-radius: 100%; }
      .ch-playing-actons li a:hover, .ch-playing-actons li a.active {
        background: #e00712;
        color: #fff; }

.ch-playing-prog {
  margin-top: 8px; }
  .ch-playing-prog span + span {
    margin-left: 10px; }

.ch-playing-status .progress {
  margin-bottom: 0;
  height: 6px; }
.ch-playing-status .progress-bar {
  background-color: #e00712; }

.ch-excerpt-footer {
  height: calc(100% - 110px); }

.ch-playing-desc {
  max-height: 100%;
  overflow: auto;
  color: #808080; }

.scroll-wrapper .ch-playing-desc-inn {
  padding-right: 20px; }

.ch-playing-desc-inn p:last-child {
  margin-bottom: 0; }

.iv-filters-wrap {
  position: absolute;
  top: 0;
  right: auto;
  width: 30%;
  height: 100%;
  z-index: 11;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  background: #0e0e0e; }
  @media (max-width: 1199px) {
    .iv-filters-wrap {
      width: 33%; } }
  .iv-filters-wrap.open {
    right: auto; }

.iv-chat-wrap {
  position: absolute;
  top: 42px;
  right: auto;
  width: 30%;
  height: calc(100% - 42px);
  z-index: 11;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  background: #2d2d2d; }
  .iv-chat-wrap.open {
    right: 0; }

.iv-chat-body {
  height: calc(100% - 70px);
  padding: 15px 15px 0;
  position: relative; }

.iv-chat-body-inn {
  height: 100%; }

.iv-chat-row {
  color: #f5f7f8;
  margin-bottom: 15px; }

.chat-row-thumb {
  float: left;
  width: 40px; }

.chat-row-excerpt {
  margin-left: 55px; }

.chat-row-label {
  text-transform: capitalize;
  overflow: hidden;
  font-weight: 600; }

.chat-row-time {
  float: right;
  margin-left: 5px;
  color: #808080;
  font-size: 11px;
  font-weight: 300; }

.chat-row-active .chat-row-label {
  color: #fff; }

.chat-row-text {
  color: #d7dfe3; }

.iv-chat-footer {
  padding: 15px; }

.iv-chat-backto {
  position: absolute;
  bottom: 20px;
  right: 40px;
  z-index: 1; }

.chat-input-user {
  float: left;
  width: 40px; }

.chat-input-excerpt {
  margin-left: 55px;
  position: relative; }
  .chat-input-excerpt .form-control {
    height: 40px;
    padding: 6px 60px;
    border-color: #fff;
    box-shadow: none; }

.chat-input-send, .chat-input-emoji {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .chat-input-send:hover, .chat-input-emoji:hover {
    background: white; }

.chat-input-emoji {
  left: 0;
  color: #666666; }

.chat-emoji-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  font-size: 0;
  background: #fff;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  height: 0;
  overflow: hidden;
  border-bottom: 1px solid #f5f7f8; }
  .chat-emoji-list.open {
    height: 150px;
    overflow: auto; }

.emoji-list-inn {
  padding: 15px; }

.chat-emoji-icon {
  display: inline-block;
  font-size: 18px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  cursor: pointer; }
  .chat-emoji-icon:hover {
    background: white; }

.chat-input-send {
  right: 0;
  color: #e00712; }

.iv-chat-toggle.btn-select.active {
  background: #e00712;
  border-color: #e00712; }

.iv-ch-filters {
  height: 100%;
  padding-bottom: 54px; }
  .iv-ch-filters .iv-ch-filters-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0; }
    .iv-ch-filters .iv-ch-filters-footer .btn {
      height: 30px;
      min-width: 50px;
      font-size: 12px;
      padding: 0;
      border-radius: 0; }
      .iv-ch-filters .iv-ch-filters-footer .btn i {
        margin-right: 5px; }

.iv-ch-filters-head {
  padding: 10px 50px 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #1b1b1b;
  font-weight: 600;
  position: relative; }
  .iv-ch-filters-head .iv-filters-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: transparent;
    border: none; }
    .iv-ch-filters-head .iv-filters-close:hover {
      background: #4e4e4e; }

.iv-ft-tab {
  padding: 0;
  font-size: 0;
  display: none; }
  .iv-ft-tab li {
    font-size: 13px;
    width: 100%; }
    .iv-ft-tab li:nth-child(2) {
      display: none; }
    .iv-ft-tab li:nth-child(3) {
      display: none; }
  .iv-ft-tab.nav-pills > li + li {
    margin-left: 0; }
  .iv-ft-tab.nav > li > a {
    border-radius: 0;
    padding: 10px;
    text-align: left;
    background: #222222; }
  .iv-ft-tab.one-half li {
    width: 50%; }
  .iv-ft-tab.one-third li {
    width: 33.33%; }
  .iv-ft-tab.one-fourth li {
    width: 100%; }
  .iv-ft-tab.nav-pills > li.active > a, .iv-ft-tab.nav-pills > li.active > a:focus, .iv-ft-tab.nav-pills > li.active > a:hover {
    background: #2d2d2d;
    color: #fff; }
    @media (max-width: 991px) {
      .iv-ft-tab.nav-pills > li.active > a, .iv-ft-tab.nav-pills > li.active > a:focus, .iv-ft-tab.nav-pills > li.active > a:hover {
        background: transparent; } }
  .iv-ft-tab.nav > li > a:focus, .iv-ft-tab.nav > li > a:hover {
    background: #1b1b1b;
    color: #fff; }
    @media (max-width: 991px) {
      .iv-ft-tab.nav > li > a:focus, .iv-ft-tab.nav > li > a:hover {
        background: transparent; } }

.iv-ch-filters-body {
  height: calc(100% - 26px); }
  .iv-ch-filters-body .tab-content {
    padding: 15px; }

.iv-ft-options-wrap {
  height: calc(100% - 38px);
  padding: 0 0 15px; }
  .iv-ft-options-wrap .filter-item-label {
    color: rgba(255, 255, 255, 0.7); }
    .iv-ft-options-wrap .filter-item-label.active, .iv-ft-options-wrap .filter-item-label:hover {
      background-color: #2d2d2d; }
    .iv-ft-options-wrap .filter-item-label p {
      margin-bottom: 0;
      padding: 10px 15px; }
    .iv-ft-options-wrap .filter-item-label .iv-checkbox {
      padding-left: 0;
      font-size: 16px; }
    .iv-ft-options-wrap .filter-item-label .iv-checkbox > span {
      display: none; }
  .iv-ft-options-wrap .tab-content {
    padding: 0; }

.iv-ft-options {
  height: 100%;
  overflow: hidden; }

.ch-excerpt-content {
  display: block; }

.ch-excerpt-toggle {
  display: none; }

.iv-ch-content-btm {
  position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
  right: 0;
  bottom: -100%;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  background: #222222;
  /*z-index: 2;*/ }

.iv-epg-wrap, .iv-epg-head {
  height: 100%; }

.iv-epg-head-inn {
  height: 84px;
  overflow: hidden; }

.iv-epg-filters {
  background: #0e0e0e;
  height: 50px;
  padding: 10px 15px; }
  .iv-epg-filters .form-group {
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block; }
    .iv-epg-filters .form-group + .form-group {
      margin-left: 5px; }
    .iv-epg-filters .form-group .form-control {
      height: 30px;
      color: #f5f7f8;
      background-color: #414141;
      border-color: #414141; }
      .iv-epg-filters .form-group .form-control.placeholder {
        color: #f5f7f8; }
      .iv-epg-filters .form-group .form-control:-moz-placeholder {
        color: #f5f7f8; }
      .iv-epg-filters .form-group .form-control::-moz-placeholder {
        color: #f5f7f8; }
      .iv-epg-filters .form-group .form-control:-ms-input-placeholder {
        color: #f5f7f8; }
      .iv-epg-filters .form-group .form-control::-webkit-input-placeholder {
        color: #f5f7f8; }
    .iv-epg-filters .form-group .btn-select {
      height: 30px;
      background: transparent;
      border-color: transparent; }
      .iv-epg-filters .form-group .btn-select:focus {
        background: transparent;
        border-color: transparent; }
      .iv-epg-filters .form-group .btn-select:hover {
        background: #222222;
        border-color: #222222; }

.iv-epg-toggle-2 {
  color: #f5f7f8; }
  .iv-epg-toggle-2:hover, .iv-epg-toggle-2:focus {
    text-decoration: none;
    color: #fff; }
  .iv-epg-toggle-2 .iv-epg-mini {
    display: none; }
  .iv-epg-toggle-2 .iv-epg-max {
    display: inline-block; }

.iv-tml-channel {
  text-align: center;
  height: 24px;
  line-height: 24px;
  margin-bottom: 6px; }
  .iv-tml-channel img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 50px; }

.iv-epg-body {
  height: calc(100% - 84px);
  position: relative; }
  .iv-epg-body .section-loader {
    background-color: rgba(0, 0, 0, 0.5); }

.pg-epg-wrap {
  height: 100%;
  overflow: auto; }

.iv-epg-now {
  position: relative;
  padding-right: 4px; }
  .iv-epg-now .btn-default {
    background: #1b1b1b;
    border-color: #1b1b1b; }

.iv-ch-content {
  /*    &:not(.full) { 
          .iv-ch-video { 
              @include transform(translate(0));
          }
      }*/ }
  .iv-ch-content.open .iv-ch-content-btm {
    bottom: 0; }
  .iv-ch-content.open .iv-ch-content-top .iv-ch-right-top {
    height: calc(60% - 12px); }
  .iv-ch-content.full .iv-ch-content-btm {
    height: 100%; }
  .iv-ch-content.full .iv-epg-toggle-2 .fa {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .iv-ch-content.full .iv-epg-toggle-2 .iv-epg-mini {
    display: inline-block; }
  .iv-ch-content.full .iv-epg-toggle-2 .iv-epg-max {
    display: none; }
  .iv-ch-content.full .iv-video-cover {
    width: 220px;
    height: 160px;
    box-shadow: 0 0 20px #000;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    position: fixed;
    right: 46px;
    bottom: 40px; }
    .iv-ch-content.full .iv-video-cover .plyr--video .plyr__controls, .iv-ch-content.full .iv-video-cover .plyr .plyr__play-large {
      display: none; }
  .iv-ch-content.full .iv-video-cover:hover .iv-video-mini, .iv-ch-content.full .iv-saech-mini {
    visibility: visible;
    opacity: 1; }
  .iv-ch-content.full .live-ch-head, .iv-ch-content.full .plyr__controls, .iv-ch-content.full .mPlayer-suggestions-wrap, .iv-ch-content.full .player-quality {
    visibility: hidden;
    opacity: 0; }

.iv-p-popup {
  background: rgba(0, 0, 0, 0.5); }
  .iv-p-popup .modal-content {
    background: #2d2d2d;
    color: #f5f7f8; }
  .iv-p-popup .modal-header {
    padding: 0;
    border: none;
    margin-top: -30px; }
    .iv-p-popup .modal-header .close {
      color: #fff;
      opacity: .9; }
  .iv-p-popup .modal-body {
    padding: 10px 0 0; }

.iv-prog-thumb-ch {
  background-size: 80px;
  background-position: center center; }

.iv-prog-excerpt {
  padding: 20px 15px; }
  .iv-prog-excerpt p {
    margin-bottom: 5px; }

.iv-prog-head {
  margin-bottom: 20px; }

.iv-prog-actions {
  margin-bottom: 25px; }
  .iv-prog-actions ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .iv-prog-actions ul li {
      display: inline-block; }
      .iv-prog-actions ul li + li {
        margin-left: 10px; }
      .iv-prog-actions ul li a {
        display: block;
        width: 32px;
        height: 32px;
        line-height: 30px;
        border-radius: 100%;
        border: 1px solid #fff;
        text-align: center; }
        .iv-prog-actions ul li a:focus {
          color: #fff; }
        .iv-prog-actions ul li a.active {
          background: #e00712;
          border-color: #e00712;
          color: #fff; }
      .iv-prog-actions ul li .fa-play {
        text-indent: 2px; }

.iv-prog-caption {
  color: #808080; }
  .iv-prog-caption span + span {
    margin-left: 10px; }

.prog-progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #282828; }

.prog-content {
  position: relative;
  z-index: 2; }

.prog-playing .iv-prog-time {
  color: #e00712; }

@media (max-width: 1600px) {
  .iv-ch-items-list.iv-grid-view li {
    width: 33.33%; } }
@media (max-width: 1450px) {
  .iv-ch-items-list.iv-grid-view li {
    width: 33.33%; } }
@media (max-width: 479px) {
  .iv-ch-items-list.iv-grid-view li {
    width: 50%; } }
@media (max-width: 1199px) {
  .iv-ch-detail-left {
    display: none; }

  .iv-ch-detail-right {
    margin-left: 0; } }
@media (max-width: 991px) {
  .iv-ch-right {
    padding-top: 15px; }

  .iv-ch-items-list.iv-grid-view li {
    width: 20%; }

  .iv-ch-main {
    padding: 15px 0; }

  .ch-excerpt-footer {
    height: auto; }

  .iv-ch-content-top {
    height: auto; }

  .iv-ch-right-body {
    height: 95vh;
    background-color: transparent; }

  .ch-excerpt-content {
    display: none; }

  .ch-excerpt-toggle {
    display: block; }

  .ch-detail-toggle:hover, .ch-detail-toggle:focus {
    color: #fff;
    text-decoration: none; } }
@media (max-width: 767px) {
  .iv-ch-items-list.iv-grid-view li {
    width: 33.33%; }

  .ch-playing-actons {
    text-align: center;
    margin-top: 15px; }

  .ch-excerpt-head {
    margin: 0 0 15px; }

  .ch-excerpt-body {
    margin-bottom: 15px; }

  .ch-playing-actons li {
    width: 20%; }

  .ch-playing-actons li + li {
    margin-left: 0;
    border-left: 10px solid #2d2d2d; } }
.pg-media-detail {
  margin-top: -5em; }

.media-top-inn {
  background: rgba(0, 0, 0, 0.65);
  position: relative; }
  .media-top-inn:after {
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.9) 25%, transparent 100%);
    height: 10em;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%; }
  .media-top-inn .ov-excerpt ul li {
    margin-bottom: 10px; }
    .media-top-inn .ov-excerpt ul li span {
      font-weight: 600; }
  .media-top-inn .share-action a {
    width: 35px;
    height: 35px;
    padding: 10px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    position: relative;
    z-index: 100; }
    .media-top-inn .share-action a:hover, .media-top-inn .share-action a:focus {
      background-color: #fff; }
  .media-top-inn .iv-table {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 55em; }
    @media (max-width: 1199px) {
      .media-top-inn .iv-table {
        height: 65em; } }
    @media (max-width: 767px) {
      .media-top-inn .iv-table {
        height: 70em; } }
    @media (max-width: 479px) {
      .media-top-inn .iv-table {
        height: 75em; } }
  .media-top-inn .iv-table .iv-table-cell {
    width: 33.33%; }
    .media-top-inn .iv-table .iv-table-cell h2 {
      font-size: 48px; }
    .media-top-inn .iv-table .iv-table-cell p {
      font-size: 14px;
      line-height: 24px;
      color: #fff; }

.media-top-center {
  padding: 50px 30px; }

.iv-detail-thumb {
  max-width: 270px;
  display: inline-block; }

.detail-show-lg {
  display: none !important; }

.movie-btn-wrapper .action-btns {
  display: flex;
  flex-wrap: wrap; }
  .movie-btn-wrapper .action-btns .action-item:first-child {
    margin-right: 15px; }
  .movie-btn-wrapper .action-btns .action-item .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    height: 40px;
    border-radius: 4px; }
    .movie-btn-wrapper .action-btns .action-item .btn:active, .movie-btn-wrapper .action-btns .action-item .btn:focus {
      color: #fff; }
    .movie-btn-wrapper .action-btns .action-item .btn:hover {
      color: #0e0e0e; }
    .movie-btn-wrapper .action-btns .action-item .btn.active:active {
      color: #fff; }
    .movie-btn-wrapper .action-btns .action-item .btn.active:hover, .movie-btn-wrapper .action-btns .action-item .btn.active:focus {
      color: #0e0e0e; }
    @media (max-width: 360px) {
      .movie-btn-wrapper .action-btns .action-item .btn {
        min-width: 125px; } }
    .movie-btn-wrapper .action-btns .action-item .btn img, .movie-btn-wrapper .action-btns .action-item .btn i {
      margin-right: 5px;
      display: inline-block; }
  .movie-btn-wrapper .action-btns .action-item img {
    max-width: 15px; }
  .movie-btn-wrapper .action-btns .action-item .voutcher-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    background-color: #e00712;
    border-color: #e00712;
    width: 100%;
    min-width: 148px;
    height: 40px;
    border-radius: 4px; }
    @media (max-width: 360px) {
      .movie-btn-wrapper .action-btns .action-item .voutcher-btn {
        min-width: 125px; } }
    .movie-btn-wrapper .action-btns .action-item .voutcher-btn:hover, .movie-btn-wrapper .action-btns .action-item .voutcher-btn:focus {
      color: #fff; }
    .movie-btn-wrapper .action-btns .action-item .voutcher-btn img {
      max-width: 0.8em;
      margin-right: 0.5em; }

.media-detail-btm .slider-titles {
  font-weight: 600; }
.media-detail-btm.pg-movies {
  padding: 60px 0; }
  .media-detail-btm.pg-movies .section-title {
    position: relative; }
.media-detail-btm .slick-arrow {
  opacity: 0;
  transition: all 0.5s ease; }
.media-detail-btm:hover .slick-arrow {
  opacity: 1;
  transition: all 0.5s ease; }

@media (max-width: 1199px) {
  .detail-show-lg {
    display: none; }

  .media-top-inn .iv-table .iv-table-cell {
    width: 50%; } }
@media (min-width: 1200px) {
  .detail-hide-lg {
    display: none; }

  .detail-show-lg {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .media-top-inn .iv-table .iv-table-cell {
    width: 100%;
    display: block; } }
.suggestion-wrapper .new-section .title-header {
  font-size: 16px; }
  .suggestion-wrapper .new-section .title-header h1 {
    text-transform: capitalize; }

/*-------------------------------------------
    My List Styles
*--------------------------------------------*/
.text-pages.pt-0 .pg-main {
  padding-top: 0; }

.myListWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3em; }
  @media (max-width: 1199px) {
    .myListWrapper {
      padding: 1em; } }
  .myListWrapper .item-nofound {
    color: #000; }
  @media (max-width: 767px) {
    .myListWrapper {
      padding: 1.25em; } }
  .myListWrapper .container-fluid {
    padding: 0; }
  .myListWrapper .new-section {
    width: 32%;
    flex-grow: 1;
    padding: 1em;
    background-color: #f5f8fa;
    border: 1px solid #dcdfe1;
    margin-left: 1%;
    height: 100vh;
    font-size: 1vw;
    color: #000; }
    .myListWrapper .new-section .btn-section .clear_history {
      font-size: 14px;
      font-weight: 400;
      color: #0e0e0e; }
      .myListWrapper .new-section .btn-section .clear_history:hover {
        color: #e00712; }
    .myListWrapper .new-section .scroll-wrapper {
      overflow: auto !important;
      max-height: calc(100vh - 160px); }
    @media (max-width: 1199px) {
      .myListWrapper .new-section {
        padding: 1em;
        min-height: 490px;
        height: 100%; }
        .myListWrapper .new-section .scroll-wrapper {
          overflow: auto !important;
          max-height: 355px; } }
    @media (max-width: 767px) {
      .myListWrapper .new-section {
        width: 100%;
        flex-wrap: wrap;
        margin-left: 0;
        margin-bottom: 1.25em;
        font-size: 2vw;
        min-height: 300px; } }
    .myListWrapper .new-section.pg-movies {
      box-shadow: none; }
      .myListWrapper .new-section.pg-movies .pg-movie-box .movie-caption {
        display: none; }
    .myListWrapper .new-section .title-header {
      padding-bottom: 1.25em;
      flex-wrap: wrap; }
      .myListWrapper .new-section .title-header h1 {
        display: block;
        font-size: 16px;
        color: #0e0e0e;
        width: 100%;
        margin-bottom: 0.4em; }
      .myListWrapper .new-section .title-header p {
        display: block;
        font-size: 14px;
        margin-bottom: 0.2em;
        color: #474747;
        width: 100%; }
    .myListWrapper .new-section.channel-section {
      margin: 0; }
      @media (max-width: 767px) {
        .myListWrapper .new-section.channel-section {
          margin-bottom: 1.25em; } }
      .myListWrapper .new-section.channel-section .channel-wrapper {
        padding: 0; }
        .myListWrapper .new-section.channel-section .channel-wrapper .channel-slider {
          margin: 0; }
        .myListWrapper .new-section.channel-section .channel-wrapper .channel-item .channel-caption {
          display: none; }
        .myListWrapper .new-section.channel-section .channel-wrapper .channel-slider .channel-item {
          min-height: 4em; }
    .myListWrapper .new-section.pg-movie-box .movie-caption .movie-caption-inn {
      display: none; }
    .myListWrapper .new-section .movie-thumb {
      position: relative; }
      .myListWrapper .new-section .movie-thumb .close-icon-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        background: #e00712;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: normal;
        text-align: center;
        opacity: 0;
        transition: all 0.5s ease;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24); }
      .myListWrapper .new-section .movie-thumb:hover .close-icon-btn {
        opacity: 1;
        transition: all 0.5s ease; }

.progress-wrapper {
  position: relative;
  display: inline-block; }
  .progress-wrapper .progress {
    height: 5px;
    margin-bottom: 0;
    border-radius: 0;
    background-color: #e8e2e2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .progress-wrapper .progress .progress-bar {
      background-color: #e00712; }

.music-rWrap.pg-tickets {
  padding: 30px 0; }
  .music-rWrap.pg-tickets .tickets-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    color: #fff;
    border-bottom: 1px solid #404040; }
    .music-rWrap.pg-tickets .tickets-title h1 {
      font-size: 18px;
      padding-top: 5px;
      margin-bottom: 0; }
    .music-rWrap.pg-tickets .tickets-title .btn {
      font-size: 10px; }
  .music-rWrap.pg-tickets .tickets-table .table-responsive {
    border: 1px solid #404040;
    font-size: 12px;
    color: #f5f7f8; }
    .music-rWrap.pg-tickets .tickets-table .table-responsive .table {
      margin-bottom: 0; }
      .music-rWrap.pg-tickets .tickets-table .table-responsive .table a:hover, .music-rWrap.pg-tickets .tickets-table .table-responsive .table a:focus {
        text-decoration: none; }
  .music-rWrap.pg-tickets .tickets-table .table > tbody > tr > td, .music-rWrap.pg-tickets .tickets-table .table > tbody > tr > th, .music-rWrap.pg-tickets .tickets-table .table > tfoot > tr > td, .music-rWrap.pg-tickets .tickets-table .table > tfoot > tr > th, .music-rWrap.pg-tickets .tickets-table .table > thead > tr > td, .music-rWrap.pg-tickets .tickets-table .table > thead > tr > th {
    padding: 12px 10px; }
  .music-rWrap.pg-tickets .tickets-table .table > tbody > tr > td, .music-rWrap.pg-tickets .tickets-table .table > tbody > tr > th, .music-rWrap.pg-tickets .tickets-table .table > tfoot > tr > td, .music-rWrap.pg-tickets .tickets-table .table > tfoot > tr > th, .music-rWrap.pg-tickets .tickets-table .table > thead > tr > td, .music-rWrap.pg-tickets .tickets-table .table > thead > tr > th {
    border-color: #404040; }
  .music-rWrap.pg-tickets .tickets-head {
    margin-bottom: 15px; }
    .music-rWrap.pg-tickets .tickets-head .tickets-filter {
      text-align: right; }
      .music-rWrap.pg-tickets .tickets-head .tickets-filter .multiselect {
        font-size: 10px;
        height: 32px; }
      .music-rWrap.pg-tickets .tickets-head .tickets-filter .dropdown-menu {
        left: auto;
        right: 0; }
    .music-rWrap.pg-tickets .tickets-head .tickets-search {
      max-width: 200px; }
      .music-rWrap.pg-tickets .tickets-head .tickets-search .form-control {
        background: #404040;
        border-color: #404040;
        box-shadow: none;
        color: #f5f7f8;
        height: 32px;
        font-size: 10px; }
      .music-rWrap.pg-tickets .tickets-head .tickets-search .input-group-addon {
        background: #404040;
        border-color: #404040;
        color: #f5f7f8; }

.music-main {
  /*    background:lighten($primary-color,6%) url(../images/music-bg.png) no-repeat center top;
      background-size: contain;*/
  /*background: linear-gradient(to right, rgb(32, 1, 34), rgb(111, 0, 0));*/ }

.iv-music-feature {
  padding: 30px 0 20px; }

.iv-music-section {
  padding: 0 0 5px; }
  .iv-music-section .slick-list {
    padding: 20px 0; }
  .iv-music-section .slick-dots {
    left: auto;
    top: -18px;
    width: 50%;
    text-align: right;
    padding: 0; }
  .iv-music-section .slick-dots li button {
    background: #2d2d2d;
    width: 7px;
    height: 7px; }
  .iv-music-section .slick-dots li.slick-active button {
    background: #e00712; }
  .iv-music-section .slick-prev {
    left: -12px; }
  .iv-music-section .slick-next {
    right: -12px; }
  .iv-music-section .section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0; }

.music-box {
  color: #808080;
  background: #0e0e0e;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .music-box .iv-table-cell:first-child {
    width: 35%; }
  .music-box .iv-table-cell:last-child {
    width: 65%; }
  .music-box .music-box-excerpt {
    padding: 15px; }

.multi-thumb {
  position: relative; }
  .multi-thumb:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #000;
    margin-top: -1px; }
  .multi-thumb:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #000;
    margin-left: -1px; }
  .multi-thumb .multi-thumb-item {
    position: absolute;
    width: 50%;
    height: 50%; }
    .multi-thumb .multi-thumb-item:nth-child(1) {
      left: 0;
      top: 0; }
    .multi-thumb .multi-thumb-item:nth-child(2) {
      right: 0;
      top: 0; }
    .multi-thumb .multi-thumb-item:nth-child(3) {
      left: 0;
      bottom: 0; }
    .multi-thumb .multi-thumb-item:nth-child(4) {
      right: 0;
      bottom: 0; }

/*Carousal Css*/
.no-mSlider {
  padding: 20px 0; }

.no-mSlider > [class*=col-] {
  width: 14.2%; }

@media only screen and (max-width: 1449px) {
  .no-mSlider > [class*=col-] {
    width: 16.6666%; } }
@media only screen and (max-width: 949px) {
  .no-mSlider > [class*=col-] {
    width: 25%; } }
@media only screen and (max-width: 767px) {
  .no-mSlider > [class*=col-] {
    width: 33.3333%; } }
@media only screen and (max-width: 549px) {
  .no-mSlider > [class*=col-] {
    width: 50%; } }
/*Carousal Css*/
.no-mcSlider {
  padding: 20px 0; }

.no-mcSlider > [class*=col-] {
  width: 10%; }

@media only screen and (max-width: 1449px) {
  .no-mcSlider > [class*=col-] {
    width: 16.6666%; } }
@media only screen and (max-width: 949px) {
  .no-mcSlider > [class*=col-] {
    width: 25%; } }
@media only screen and (max-width: 767px) {
  .no-mcSlider > [class*=col-] {
    width: 33.3333%; } }
@media only screen and (max-width: 549px) {
  .no-mcSlider > [class*=col-] {
    width: 50%; } }
@media (max-width: 767px) {
  .music-init-1 [class*=col-xs], .music-genre-init [class*=col-xs] {
    width: 150px; } }
.iv-music-body {
  padding: 30px 0;
  min-height: calc(100vh - 60px);
  position: relative; }

.when-music-play .iv-music-body {
  padding-bottom: 120px; }

.iv-music-sidebar {
  width: 250px;
  background: #0e0e0e;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  padding-top: 90px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  height: 100%;
  z-index: 9; }
  .iv-music-sidebar .iv-sidebar-inn {
    height: 100%; }

.iv-music-content {
  margin-left: 250px;
  min-height: 1px;
  position: relative;
  height: 100%; }
  .iv-music-content .slick-arrow {
    font-size: 28px; }
  .iv-music-content .pg-filters {
    padding-top: 0; }
    .iv-music-content .pg-filters .multiselect-native-select {
      display: inline-block; }
    .iv-music-content .pg-filters label {
      margin-right: 15px; }

.m-search-input {
  padding: 20px 0 0;
  max-width: 320px;
  margin: 0 auto; }
  .m-search-input .music-search {
    margin-bottom: 15px; }

@media only screen and (max-width: 991px) {
  .iv-music-content {
    margin-left: 65px; } }
.music-nav {
  margin-bottom: 40px; }
  .music-nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .music-nav ul li a {
      display: block;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.5);
      padding: 10px 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-left: 4px solid transparent; }
      .music-nav ul li a:hover {
        color: rgba(255, 255, 255, 0.7);
        background: #282828; }
    .music-nav ul li span {
      vertical-align: middle; }
    .music-nav ul li.active a {
      color: white;
      border-color: #e00712;
      background: #282828; }

.pl-icon {
  display: inline-block;
  width: 18px;
  margin-right: 16px; }

.playlist-label {
  padding: 0 20px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.3);
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 2px; }

.playlist-badge {
  background: #3da19b;
  color: #fff;
  font-weight: 400;
  font-size: 8px;
  padding: 5px 0px;
  border-radius: 12px; }

.playlist-badge-txt {
  display: inline-block;
  min-width: 10px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle; }

.music-playlist-bg {
  background: rgba(0, 0, 0, 0.3);
  padding-bottom: 10px; }

.seprator-dot {
  height: 5px;
  width: 5px;
  background-color: #3da19b;
  border-radius: 50%;
  display: inline-block;
  margin: 5px 15px; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

.btn-edit-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #cecece; }

.btn-edit-secondary:hover {
  background: #5b8885;
  color: #cecece; }

.btn-edit-secondary:focus {
  background: #5b8885;
  color: #cecece; }

/*======Music Player========*/
.music-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  display: none; }

.music-pWrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;
  z-index: 999;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  -moz-transform: translateY(110%);
  -o-transform: translateY(110%);
  -ms-transform: translateY(110%);
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  background: #282828; }
  .music-pWrap .section-loader {
    background-color: #282828;
    background-size: 30px; }
  .music-pWrap.mPlayer-open {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.music-pWrap-inn {
  padding: 15px 20px;
  position: relative; }

.music-pLeft {
  float: left;
  width: 22%; }

.music-pCenter {
  float: left;
  width: 56%;
  padding: 0 30px; }

.music-pRight {
  float: right;
  width: 22%;
  text-align: right; }

.mChannel-thumb {
  float: left;
  width: 60px;
  background: #0e0e0e; }

.mChannel-excerpt {
  margin-left: 75px;
  overflow: visible;
  color: rgba(255, 255, 255, 0.5); }

.music-player {
  position: relative; }
  .music-player .plyr__progress--buffer, .music-player .plyr__progress--played, .music-player .plyr__volume--display {
    height: 2px;
    margin: 0; }
  .music-player .plyr input[type=range]::-webkit-slider-thumb {
    height: 10px;
    width: 10px;
    margin-top: 1px; }
  .music-player .plyr input[type=range]::-moz-slider-thumb {
    height: 10px;
    width: 10px;
    margin-top: 1px; }
  @media (max-width: 767px) {
    .music-player .plyr input[type=range]::-webkit-slider-thumb {
      height: 13px;
      width: 13px;
      margin-top: 1px; }
    .music-player .plyr input[type=range]::-moz-slider-thumb {
      height: 13px;
      width: 13px;
      margin-top: 1px; } }
  @media (max-width: 991px) {
    .music-player .plyr input[type=range]::-webkit-slider-thumb {
      height: 13px;
      width: 13px;
      margin-top: 1px; }
    .music-player .plyr input[type=range]::-moz-slider-thumb {
      height: 13px;
      width: 13px;
      margin-top: 1px; } }
  .music-player .plyr input[type=range]::-webkit-slider-runnable-track {
    margin: 0;
    height: inherit; }
  .music-player .plyr__controls {
    padding: 0;
    margin: 0;
    border: none;
    flex-direction: column; }
    .music-player .plyr__controls > div {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .music-player .plyr__controls button {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    background-size: 14px;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    opacity: .5; }
    .music-player .plyr__controls button:hover {
      opacity: 1;
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .music-player .plyr__controls button.active {
      opacity: 1;
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .music-player button.plyr__play-small {
    border: 1px solid #fff;
    border-radius: 100%;
    background-size: 12px !important;
    opacity: .9; }
  .music-player .plyr__shuffle {
    background: url(../images/player/shuffle1.svg) no-repeat center center; }
  .music-player .plyr__repeat {
    background: url(../images/player/repeat.svg) no-repeat center center; }
  .music-player .plyr__time {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5); }
  .music-player .plyr__controls .plyr__volume-btn {
    margin-left: 24px;
    background-size: 18px !important; }
  .music-player .plyr--stopped button.plyr__play-small {
    background-position: 60% 50% !important; }

.btn-queue {
  display: inline-block;
  background: none;
  border: none;
  font-size: 13px;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  padding: 10px 15px;
  opacity: .5; }
  .btn-queue .btn-queue-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: 5px; }
  .btn-queue .btn-queue-text {
    display: inline-block;
    vertical-align: middle; }
  .btn-queue:hover {
    opacity: .7;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .btn-queue.active {
    opacity: 1;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

.btn-mPlayer {
  background: no-repeat;
  border: none;
  padding: 0 15px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7); }
  .btn-mPlayer:hover {
    color: white; }

.music-player .plyr--audio .plyr__controls {
  background: transparent;
  border-color: transparent;
  color: #fff; }

.music-player .plyr__time {
  margin-left: 10px;
  margin-right: 10px; }

.btn-ltr {
  float: right !important;
  margin-top: 10px; }

.music-rWrap {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  bottom: 90px;
  background-color: #0e0e0e;
  overflow-x: hidden;
  overflow-y: auto; }

.music-rContent {
  background: #343434;
  height: 100%; }

.queue-topbar {
  height: 54px;
  padding: 15px;
  background-color: #313131;
  margin-bottom: 30px; }

.queue-close {
  color: #fff;
  opacity: .8;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1; }

.q-add-playlist {
  text-align: right; }

.queue-playlist-head {
  background: #0e0e0e;
  margin: 0 auto; }

#music-player-contain .scroll-wrapper {
  height: 100%; }

.addto-playlist-pop {
  min-height: 250px;
  padding: 0 15px; }

.playlist-listing {
  list-style: none;
  margin-bottom: 0;
  padding: 0; }
  .playlist-listing .playlist-listing-item {
    cursor: pointer;
    text-align: center;
    margin-bottom: 30px; }
    .playlist-listing .playlist-listing-item .playlist-listing-thumb {
      margin-bottom: 10px;
      position: relative; }
      .playlist-listing .playlist-listing-item .playlist-listing-thumb:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8) url(../images/svg/node-plus.svg) no-repeat center center;
        background-size: 30px;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
        visibility: hidden;
        opacity: 0; }
    .playlist-listing .playlist-listing-item:hover .playlist-listing-thumb:after {
      opacity: 1;
      visibility: visible; }
    .playlist-listing .playlist-listing-item.added .playlist-listing-thumb:after {
      background-image: url(../images/svg/node-check.svg); }
  .playlist-listing .playlist-listing-caption > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.text-playlist {
  text-align: center;
  margin-top: 40px;
  font-size: 13px;
  line-height: 21px; }

.load-m-btn {
  color: #fff; }

.demo a {
  position: relative;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s; }

.demo a:hover {
  color: #fff; }

.section04 a {
  padding-top: 50px; }

.section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box; }

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0); }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0); } }
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0); }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    transform: rotate(-45deg) translate(0, 0); } }
.section05 a {
  padding-top: 70px; }

.section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box; }

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }
div::-webkit-scrollbar {
  width: 8px; }

div::-webkit-scrollbar-track {
  background: rgba(20, 20, 20, 0.5); }

div::-webkit-scrollbar-thumb {
  background: #565656; }

div::-webkit-scrollbar-thumb:hover {
  background: rgba(86, 86, 86, 0.5); }

.music-pLeft .plyr__controls > button:hover {
  color: #5b8885; }

.music-pLeft .plyr__controls > button:active {
  color: #5b8885; }

#btn_shuffle {
  font-size: 18px; }

#btn_repeat {
  font-size: 18px; }

.qSong-thumb {
  width: 40px;
  background: #0e0e0e; }

.music-loader {
  position: fixed;
  top: 60px;
  right: 0;
  display: none;
  left: 250px;
  bottom: 0;
  background: #1d1d1d url(../images/svg/loader-music.svg) no-repeat;
  background-position: calc(50% - 50px) calc(50% - 50px);
  z-index: 99;
  background-size: 200px; }

.music-modal .modal-header {
  border: none;
  padding: 0;
  position: absolute;
  top: -36px;
  right: 0; }
.music-modal .modal-content {
  margin-top: 46px; }

.music-search {
  margin-bottom: 40px;
  position: relative; }
  .music-search .form-control {
    background: #0e0e0e;
    border-color: #0e0e0e;
    padding: 10px 48px; }
    .music-search .form-control:focus {
      background: #0e0e0e;
      border-color: #0e0e0e;
      box-shadow: none; }
  .music-search.active .form-control {
    background: #282828;
    border-color: #282828;
    box-shadow: none; }
  .music-search.active .music-search-icon {
    color: #fff;
    border-color: #e00712; }

.music-search-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  line-height: 34px;
  text-align: center;
  border-left: 4px solid transparent;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.5);
  height: 100%; }

.music-search-eraser {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 34px;
  text-align: center;
  height: 100%;
  width: 40px; }
  .music-search-eraser .iv-cross {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6); }

.mobile-search-loader {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 34px;
  text-align: center;
  height: 100%;
  width: 40px; }
  .mobile-search-loader .iv-cross {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6); }

.music-right-side {
  position: relative; }

.music-queue-wrap {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 450px;
  background: #282828;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  height: calc(100% - 180px);
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  -moz-transform: translateY(110%);
  -o-transform: translateY(110%);
  -ms-transform: translateY(110%);
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  max-height: 768px; }
  .music-queue-wrap.queue-expand {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 90px; }

.popover-title {
  font-family: inherit; }

.music-queue-inn {
  height: 100%; }

.music-queue-head {
  padding: 10px 15px;
  background: #1b1b1b; }
  .music-queue-head .btn {
    margin: 0 5px; }
  .music-queue-head .btn-link {
    color: rgba(255, 255, 255, 0.7); }
    .music-queue-head .btn-link:hover, .music-queue-head .btn-link:focus {
      color: white; }
  .music-queue-head .iv-cross {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }

.music-queue-body {
  height: calc(100% - 60px);
  overflow: auto; }

.share-social {
  padding: 15px;
  font-size: 24px;
  width: 55px;
  text-align: center;
  text-decoration: none;
  margin: 5px 10px;
  border-radius: 50%;
  height: 56px; }

.s-share-popup a:hover {
  color: #fff; }

.s-share-popup a:focus {
  color: #fff; }

.s-share-popup .fa-facebook {
  background: #3B5998;
  color: white; }

.s-share-popup .fa-twitter {
  background: #55ACEE;
  color: white; }

@media (max-width: 1199px) {
  .music-player .plyr .plyr__volume,
  .music-player .plyr__volume-btn {
    display: none !important; }
  .music-player .plyr-control-btm {
    margin-top: 10px; }

  .music-pRight .mt-10 {
    margin-top: 0 !important; }

  .music-pLeft {
    width: 30%; }

  .music-pCenter {
    width: 60%; }

  .music-pRight {
    width: 10%; }

  .playlist-listing li {
    width: 20%; } }
@media (max-width: 991px) {
  .iv-music-sidebar {
    width: 52px;
    padding-bottom: 5px; }
    .iv-music-sidebar .scrollbar-inner > .scroll-element.scroll-y {
      width: 2px; }

  .pl-icon {
    margin-right: 0; }

  .pl-text {
    display: none; }

  .music-nav {
    margin-bottom: 20px; }

  .music-nav ul li a .mr-10 {
    margin-right: 0 !important; }

  .iv-music-content {
    margin-left: 52px; }
    .iv-music-content .container-fluid {
      padding: 0; }
    .iv-music-content .slick-arrow, .iv-music-content .slick-dots {
      display: none !important; }

  .iv-music-body {
    padding: 15px 0; }

  .music-loader {
    left: 60px;
    background-size: 150px;
    background-position: calc(50% - 10px) calc(50% - 50px); }

  .music-nav ul li a {
    text-align: center; } }
@media (max-width: 767px) {
  .music-pWrap {
    height: 132px; }

  .music-pWrap-inn {
    padding: 10px; }

  .music-pLeft {
    width: 80%; }

  .mChannel-thumb {
    width: 24px; }

  .mChannel-excerpt {
    margin-left: 40px; }
    .mChannel-excerpt #player-title {
      margin: 0 !important; }

  .mPlayer-desc {
    display: none; }

  .btn-queue {
    padding: 0; }

  .btn-queue .btn-queue-text {
    display: none; }

  .music-pCenter {
    width: 100%;
    padding: 15px 0 0;
    margin-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08); }

  .music-pRight {
    width: 20%; }

  .music-player .plyr__time--duration {
    margin-right: 0; }

  .iv-music-content .section-title, .iv-music-content .click_on_section {
    font-size: 12px; }

  .music-queue-wrap {
    width: 100%; }

  .music-queue-wrap.queue-expand {
    top: 60px;
    bottom: 132px; }

  .music-queue-head .btn {
    margin: 0; }

  .queue-head-desc {
    display: none; }

  .queue-head-label {
    margin-top: 5px; }

  .music-playlist-head {
    margin-bottom: 15px; }

  .playlist-listing li {
    width: 50%; }

  .addto-playlist-pop {
    padding: 0; }
    .addto-playlist-pop .playlist-listing {
      margin-left: -7px;
      margin-right: -7px; }
      .addto-playlist-pop .playlist-listing > li {
        padding-left: 7px;
        padding-right: 7px; } }
@media (max-width: 1199px) {
  .music-item .vod-actions .btn-icon {
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important; } }
.free-mtag {
  background: url(../images/m-free-tag.svg) no-repeat;
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.playlist-item-head {
  background: #171717; }

.playlist-item-head:first-child .iv-table-cell {
  border-top: none; }

.playlist-item-head .iv-table-cell {
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.music-pLeft .btn-mPlayer:hover {
  transform: scale(1.2); }

.iv-music-sidebar .fa {
  width: 18px;
  text-align: center; }

.b-genre-icon img {
  opacity: 0.4; }

.active .b-genre-icon img {
  opacity: inherit; }

.music-actions .fa {
  width: 10px;
  text-align: center; }

@media only screen and (max-width: 767px) {
  .mb-mob {
    margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .btn-mPlayer {
    padding-right: 16px !important; } }
@media only screen and (max-width: 767px) {
  .music-actions .fa {
    width: 10px;
    text-align: center;
    margin-left: 10px; } }
.plyr-open {
  padding-bottom: 90px; }

@media (max-width: 767px) {
  .plyr-open {
    padding-bottom: 132px; } }
@media (max-width: 767px) {
  .pg-filters .pg-filters-left {
    text-align: center; } }
@media (max-width: 767px) {
  .iv-music-content .pg-filters .multiselect-native-select {
    display: block; } }
.music-playlist-head {
  background: #0e0e0e;
  margin-bottom: 30px;
  overflow: hidden; }

.playlist-thumb {
  float: left;
  width: 250px;
  background: #666666; }

.playlist-excerpt {
  padding: 20px 30px;
  margin-left: 250px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.5); }

.playlist-meta {
  min-height: 136px; }

.pl-actions ul {
  padding: 0; }

.playlist-item {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer; }
  .playlist-item:hover {
    background: rgba(255, 255, 255, 0.05); }
  .playlist-item.active {
    background: rgba(255, 255, 255, 0.05); }
  .playlist-item:first-child .iv-table-cell {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .playlist-item .iv-table-cell {
    padding: 10px 15px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .playlist-item .btn-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px; }
    .playlist-item .btn-link:hover, .playlist-item .btn-link:focus {
      color: white; }
  .playlist-item .btn .fa-play {
    text-indent: 1px; }
  .playlist-item .btn-secondary {
    font-size: 11px; }
  .playlist-item .dropdown-menu {
    top: auto;
    bottom: 100%; }
  .playlist-item:nth-child(-n+5) .dropdown-menu {
    bottom: auto;
    top: 100%; }

.queue-no-action {
  visibility: hidden;
  opacity: 0; }

.btn-item-play {
  border: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.1); }
  .btn-item-play .item-play-icon {
    display: block;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center center;
    width: 100%;
    height: 100%; }
    .btn-item-play .item-play-icon.item-play {
      background-image: url(../images/svg/media-play.svg); }
    .btn-item-play .item-play-icon.item-playing {
      background-image: url(../images/svg/media-playing.svg);
      /*            &:hover {
                      background-image:url(../images/svg/media-pause.svg);
                  }*/ }
    .btn-item-play .item-play-icon.item-pause {
      background-image: url(../images/svg/media-pause.svg); }
  .btn-item-play:hover {
    background: rgba(255, 255, 255, 0.2); }

.item-play-thumb {
  width: 34px; }

.btn-play-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #f5f7f8; }
  .btn-play-secondary:hover, .btn-play-secondary:focus {
    background: #3da19b;
    color: #fff; }

.music-empty {
  padding: 50px 15px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5); }

@media (max-width: 767px) {
  .playlist-thumb {
    float: none;
    width: 80px;
    margin: 15px auto 0; }

  .playlist-excerpt {
    padding: 15px;
    margin: 0;
    font-size: 12px; }
    .playlist-excerpt h3 {
      font-size: 14px; }

  .playlist-meta {
    min-height: auto;
    margin-bottom: 15px; }

  .pl-actions .col-xs-6 {
    width: auto;
    float: none;
    display: inline-block; }

  .music-queue-body {
    height: calc(100% - 70px); }

  .music-playlist-head {
    margin-bottom: 15px;
    text-align: center; }

  .playlist-item {
    font-size: 12px; }

  .playlist-item .iv-table-cell {
    padding: 8px 5px; }

  .item-play-thumb {
    width: 24px; }

  .btn-item-play {
    width: 24px;
    height: 24px; }

  .music-queue-body .playlist-item .iv-table-cell {
    padding: 10px; }

  .qSong-thumb {
    width: 24px; }

  .music-empty {
    padding: 20px 15px; }
    .music-empty h1 {
      font-size: 18px; }
    .music-empty img {
      width: 100px; }

  .iv-music-section .slick-list {
    padding: 10px 0; } }
.music-playlist-body .iv-table + .iv-table .playlist-item-head {
  display: none !important; }

.pg-happen {
  background-color: #181818; }
  .pg-happen .banner-title {
    padding: 1em 0;
    background: #86539b;
    background: linear-gradient(180deg, #86539b 30%, rgba(0, 0, 0, 0.1) 100%); }
    .pg-happen .banner-title .image-holder {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 16em; }
      .pg-happen .banner-title .image-holder img {
        max-width: 12em; }
  .pg-happen .site-container {
    width: calc(100% - 180px);
    margin: 0 auto; }
    @media (max-width: 767px) {
      .pg-happen .site-container {
        width: 100%;
        padding: 0 30px; } }
  .pg-happen .category-section {
    font-size: 1vw;
    padding: 2.5em 0; }
    .pg-happen .category-section .title-header {
      margin-bottom: 2.5em; }
      .pg-happen .category-section .title-header h3 {
        font-size: 1.2em;
        margin: 0; }
    @media (max-width: 991px) {
      .pg-happen .category-section {
        font-size: 1.5vw; } }
    @media (max-width: 767px) {
      .pg-happen .category-section {
        font-size: 3vw; } }
  .pg-happen .htv-category-wrapper .row {
    display: flex;
    flex-wrap: wrap; }
    .pg-happen .htv-category-wrapper .row:before, .pg-happen .htv-category-wrapper .row:after {
      content: none; }
  .pg-happen .htv-category-wrapper .category-list {
    margin-bottom: 5px; }
    .pg-happen .htv-category-wrapper .category-list .card-image {
      position: relative; }
    .pg-happen .htv-category-wrapper .category-list .card-logo {
      background-color: #fff;
      box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
      width: 7em;
      height: 7em;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: calc(50% - 42px);
      transform: translateY(-50%);
      transition: all 0.5s ease; }
      .pg-happen .htv-category-wrapper .category-list .card-logo img {
        max-width: 4.5em; }
    .pg-happen .htv-category-wrapper .category-list .card-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1em 0.5em;
      font-size: 1.2em;
      text-align: center;
      background-color: #2a2a2a; }
    .pg-happen .htv-category-wrapper .category-list .card-link {
      display: block;
      position: relative; }
      .pg-happen .htv-category-wrapper .category-list .card-link:hover, .pg-happen .htv-category-wrapper .category-list .card-link:focus, .pg-happen .htv-category-wrapper .category-list .card-link:active {
        transition: all 0.5s ease;
        transform: scale(1.1);
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.24);
        z-index: 1;
        /*.card-logo{
            transition: all 0.5s ease;
            img{
                -webkit-filter: brightness(50);
                filter: brightness(50);
            }
        }*/ }
        .pg-happen .htv-category-wrapper .category-list .card-link:hover .card-footer, .pg-happen .htv-category-wrapper .category-list .card-link:focus .card-footer, .pg-happen .htv-category-wrapper .category-list .card-link:active .card-footer {
          color: #fff; }

/*-------------------------------
 -- Happen Channels Styles
--------------------------------*/
.happen-channel-section {
  font-size: 1vw; }
  @media (max-width: 1199px) {
    .happen-channel-section {
      font-size: 1.3vw; } }
  @media (max-width: 991px) {
    .happen-channel-section {
      font-size: 1.5vw; } }
  @media (max-width: 767px) {
    .happen-channel-section {
      font-size: 2.5vw; } }
  @media (max-width: 575px) {
    .happen-channel-section {
      font-size: 3vw; } }
  .happen-channel-section .title-header {
    display: inline-flex;
    padding: 1.5em 0.5em; }
    .happen-channel-section .title-header h1 {
      font-size: 1.2em; }

.pg-title-header {
  background-color: #222222; }
  .pg-title-header .main-title-header {
    padding: 2em 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pg-title-header .main-title-header .back-btn {
      flex-grow: 1;
      font-size: 1em; }
      .pg-title-header .main-title-header .back-btn i {
        font-size: 1.2em; }
    .pg-title-header .main-title-header .category-title {
      flex-grow: 1; }
      .pg-title-header .main-title-header .category-title h1 {
        margin: 0;
        font-weight: 500;
        font-size: 1.28em; }

.border-after:after {
  content: "";
  display: block;
  padding-top: 1.5em;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset; }

.page-category-slider {
  position: relative; }
  .page-category-slider .catagory-link .image-holder {
    position: relative; }
    .page-category-slider .catagory-link .image-holder .play-btn {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 50%;
      transform: translatey(-50%);
      opacity: 0;
      transition: all 0.5s ease; }
    .page-category-slider .catagory-link .image-holder:after {
      background-color: rgba(0, 0, 0, 0.4);
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0;
      transition: all 0.5s ease; }
  .page-category-slider .catagory-link:hover .image-holder, .page-category-slider .catagory-link:focus .image-holder {
    opacity: 1; }
    .page-category-slider .catagory-link:hover .image-holder:after, .page-category-slider .catagory-link:focus .image-holder:after {
      opacity: 1;
      transition: all 0.5s ease; }
  .page-category-slider .catagory-link:hover .play-btn, .page-category-slider .catagory-link:focus .play-btn {
    opacity: 1;
    transition: all 0.5s ease; }
  .page-category-slider .catagory-link:hover .category-item, .page-category-slider .catagory-link:focus .category-item {
    transform: scale(1.05);
    transition: all 0.5s ease; }
  .page-category-slider .category-item {
    transition: all 0.5s ease; }
    .page-category-slider .category-item .image-holder {
      margin-bottom: 1em;
      max-height: 12em; }
    .page-category-slider .category-item .category-desc {
      font-size: 1em;
      height: 3em;
      line-height: 1.5em;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .page-category-slider .slick-dots {
    left: auto;
    right: 0;
    top: -30px;
    padding: 0;
    display: inline-flex; }
    .page-category-slider .slick-dots li button {
      width: 10px;
      height: 10px;
      background-color: #e00712; }
    .page-category-slider .slick-dots li.slick-active button {
      width: 12px;
      height: 12px;
      background-color: #e00712; }
  .page-category-slider .slick-arrow {
    opacity: 0;
    transition: all 0.5s ease;
    top: calc(50% - 44px); }
    .page-category-slider .slick-arrow.slick-prev {
      left: -20px; }
    .page-category-slider .slick-arrow.slick-next {
      right: -20px; }
    @media (max-width: 1199px) {
      .page-category-slider .slick-arrow {
        font-size: 1.8em; }
        .page-category-slider .slick-arrow.slick-prev {
          left: -10px; }
        .page-category-slider .slick-arrow.slick-next {
          right: -10px; } }
  .page-category-slider:hover .slick-arrow {
    opacity: 1;
    transition: all 0.5s ease; }

.supported-device {
  font-size: 1vw;
  color: #000; }
  @media (max-width: 991px) {
    .supported-device {
      font-size: 1.8vw; } }
  @media (max-width: 767px) {
    .supported-device {
      font-size: 3vw; } }
  .supported-device a {
    color: #e00712; }
  .supported-device .title-section {
    background-color: #fff;
    text-align: center;
    min-height: 9.5em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .supported-device .title-section h3 {
      font-size: 2em;
      font-weight: 500;
      width: 100%;
      color: #000;
      text-transform: capitalize;
      margin: 0; }
  .supported-device .watch-section {
    min-height: 35em;
    padding: 2em 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    @media (max-width: 767px) {
      .supported-device .watch-section {
        padding: 2em 0; } }
    .supported-device .watch-section.favorite-section:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 1.5em solid transparent;
      border-right: 1.5em solid transparent;
      border-bottom: 1.5em solid #f0f3f5;
      display: block;
      position: absolute;
      top: -1.5em;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .supported-device .watch-section .content-wrapper.bg-light {
      background-color: #f0f3f5;
      padding: 1em 1.5em;
      border-radius: 1em;
      display: inline-block; }
    .supported-device .watch-section .inner-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: 0;
      width: 100%;
      max-width: 92em; }
      .supported-device .watch-section .inner-wrapper .left-content,
      .supported-device .watch-section .inner-wrapper .right-content {
        width: 50%;
        padding: 0 1em; }
        @media (max-width: 767px) {
          .supported-device .watch-section .inner-wrapper .left-content,
          .supported-device .watch-section .inner-wrapper .right-content {
            width: 100%;
            margin-bottom: 2em; } }
      .supported-device .watch-section .inner-wrapper .btn-wrapper .inline-list .link-item {
        background-color: #fff;
        border-radius: 0.7em;
        padding: 5px;
        height: 3.5em;
        width: 3.5em;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
        .supported-device .watch-section .inner-wrapper .btn-wrapper .inline-list .link-item:first-child {
          margin-right: 0.5em; }
        .supported-device .watch-section .inner-wrapper .btn-wrapper .inline-list .link-item img {
          max-width: 1.5em; }
      .supported-device .watch-section .inner-wrapper .btn-wrapper .inline-list.bg-light .link-item {
        background-color: #f0f3f5; }
    .supported-device .watch-section .content-holder h2 {
      font-size: 2.5em;
      margin-bottom: 0.9em; }
      @media (max-width: 767px) {
        .supported-device .watch-section .content-holder h2 {
          font-size: 2em; } }
    .supported-device .watch-section .content-holder p {
      font-size: 1em;
      font-weight: 400;
      line-height: 1.5;
      max-width: 35em;
      margin-bottom: 2.2em; }
      @media (max-width: 767px) {
        .supported-device .watch-section .content-holder p {
          max-width: 100%; } }
    .supported-device .watch-section .availible-section p {
      margin-bottom: 2.5em;
      font-size: 1em; }
    .supported-device .watch-section .availible-section .content-wrapper {
      background-color: #fff;
      max-width: 27.5em;
      box-shadow: -1px 0px 14px -5px rgba(0, 0, 0, 0.25);
      display: inline-block;
      padding: 1em;
      border-radius: 1em; }

.pg-detail-help {
  padding: 55px 0; }

.help-detail-listing {
  font-size: 1vw;
  color: #000; }
  .help-detail-listing .panel-heading {
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
    border: none; }
    .help-detail-listing .panel-heading h4 {
      font-weight: 500;
      font-size: 16px;
      line-height: 1.5;
      position: relative; }
    .help-detail-listing .panel-heading .panel-title a {
      padding: 20px 35px 20px 20px;
      display: block;
      background-color: #fff;
      border-radius: 0.5em;
      cursor: pointer; }
      .help-detail-listing .panel-heading .panel-title a:after {
        content: "\f107";
        font-size: 24px;
        font-family: FontAwesome;
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: all 0.8s ease; }
        @media (max-width: 575px) {
          .help-detail-listing .panel-heading .panel-title a:after {
            right: 10px; } }
  .help-detail-listing .panel-collapse {
    box-shadow: none; }
    .help-detail-listing .panel-collapse .panel-body {
      background-color: #f5f8fa;
      font-size: 14px;
      line-height: 1.8;
      border-radius: 0.5em;
      box-shadow: none;
      border: none !important; }
  .help-detail-listing .panel-group {
    margin-bottom: 0; }
    .help-detail-listing .panel-group .panel {
      border-radius: 0.5em;
      border: none;
      box-shadow: none;
      overflow: hidden;
      margin-top: 0;
      margin-bottom: 10px;
      background-color: transparent; }
      .help-detail-listing .panel-group .panel.active .panel-heading {
        margin-bottom: 5px; }
        .help-detail-listing .panel-group .panel.active .panel-heading h4 a:after {
          transform: rotate(180deg);
          transition: all 0.8s ease; }

.more-questions {
  background: url("../../assets/images/support/faq-bg.jpg") no-repeat;
  min-height: 490px;
  background-size: cover;
  padding: 55px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw; }
  .more-questions .inner-wrapper .title-section {
    text-align: center;
    color: #000; }
    .more-questions .inner-wrapper .title-section h2 {
      font-size: 32px;
      font-weight: 500;
      margin-bottom: 15px;
      line-height: 1; }
    .more-questions .inner-wrapper .title-section p {
      font-size: 16px;
      font-weight: 400; }
  .more-questions .inner-wrapper .form-content {
    padding-top: 30px;
    border-top: 1px solid #ccc;
    max-width: 832px;
    margin: 0 auto; }
  .more-questions .inner-wrapper form .form-group {
    margin-bottom: 20px; }
  .more-questions .inner-wrapper form .form-group label {
    font-weight: 400;
    padding: 0 0 0 12px;
    margin-bottom: 12px;
    font-size: 14px; }
  .more-questions .inner-wrapper form .form-group .form-control {
    background-color: #fff;
    color: #000; }
  .more-questions .inner-wrapper form .form-group textarea {
    height: 82px;
    width: 100%;
    max-width: 100%; }
  .more-questions .inner-wrapper form .form-group .form-control,
  .more-questions .inner-wrapper form .form-group textarea {
    border-color: #bdbebf; }
  .more-questions .inner-wrapper form .request-btn {
    text-align: center;
    margin-bottom: 60px; }
    .more-questions .inner-wrapper form .request-btn .btn {
      min-width: 200px;
      height: 40px;
      line-height: 1; }
  .more-questions .track-btn {
    text-align: center; }
    .more-questions .track-btn .btn {
      position: relative; }
      .more-questions .track-btn .btn.btn-circle {
        width: 50px;
        height: 50px; }
      .more-questions .track-btn .btn i {
        font-size: 32px;
        line-height: 1.3; }
      .more-questions .track-btn .btn:after {
        content: "";
        background: url("../../assets/images/support/track-tickets.png") no-repeat top right;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: -25px;
        right: -175px;
        min-width: 175px;
        height: 40px; }
        @media (max-width: 480px) {
          .more-questions .track-btn .btn:after {
            top: -22px;
            right: -120px;
            min-width: 160px;
            background-size: 80%; } }

.about-page-wrapper {
  color: #000; }
  .about-page-wrapper .titlHeader {
    text-align: center;
    padding: 0 15px 40px;
    max-width: 700px;
    border-bottom: 1px solid #dedede;
    margin: 0 auto 40px; }
    .about-page-wrapper .titlHeader h2 {
      font-weight: 600;
      font-size: 36px;
      color: #26262d;
      margin: 0 0 15px; }
    .about-page-wrapper .titlHeader p {
      font-weight: 300;
      color: #707c86;
      font-size: 16px;
      line-height: 2; }
      .about-page-wrapper .titlHeader p:last-child {
        margin-bottom: 0; }

.about-intro-banner {
  padding: 50px 30px;
  text-align: center;
  background: url("../images/about/aboutus-banenr.jpg") no-repeat 0 0;
  min-height: 550px;
  background-size: cover;
  color: #fff;
  background-attachment: fixed;
  position: relative; }
  @media (max-width: 1199px) {
    .about-intro-banner {
      background-size: cover; } }
  .about-intro-banner .content-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto; }
  .about-intro-banner .content-holder {
    max-width: 845px;
    margin: 0 auto;
    padding: 0 15px; }
    .about-intro-banner .content-holder h1 {
      font-size: 60px;
      font-weight: 600;
      line-height: 1;
      margin: 0 0 25px; }
      @media (max-width: 767px) {
        .about-intro-banner .content-holder h1 {
          font-size: 36px; } }
    .about-intro-banner .content-holder p {
      font-size: 16px;
      font-weight: 300;
      line-height: 2;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .about-intro-banner .content-holder p {
          font-size: 14px; } }
      .about-intro-banner .content-holder p:last-child {
        margin-bottom: 0; }

.our-values {
  padding: 50px 0;
  background-color: #fff; }
  .our-values .services-wrapper .services-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px; }
  .our-values .services-wrapper .service-item {
    width: 33.33%;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 25px; }
    @media (max-width: 991px) {
      .our-values .services-wrapper .service-item {
        width: 50%; } }
    @media (max-width: 991px) {
      .our-values .services-wrapper .service-item {
        width: 100%; } }
    .our-values .services-wrapper .service-item .content-holder {
      max-width: 300px;
      min-height: 235px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .our-values .services-wrapper .service-item .content-holder p {
        margin-bottom: 25px;
        color: #707c86;
        font-size: 16px;
        line-height: 1.8;
        min-height: 80px; }
      .our-values .services-wrapper .service-item .content-holder:after {
        content: "";
        width: 100%;
        height: 2px;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
        background-color: #e00712;
        background-image: linear-gradient(to right, #86539b, #e00712 69%, #e00712); }
      .our-values .services-wrapper .service-item .content-holder .icon {
        margin-bottom: 25px; }
        .our-values .services-wrapper .service-item .content-holder .icon svg {
          width: 50px;
          height: 50px;
          color: #6b6b6b; }

.coverage-section {
  padding: 50px 0;
  background-color: #ececec; }
  .coverage-section .map-area img {
    margin: 0 auto;
    display: block; }

.leadership-section {
  padding: 50px 0;
  background-color: #fff; }
  .leadership-section.bg-grey {
    background-color: #ececec; }
  .leadership-section .leadership-wrapper .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .leadership-section .content-holder {
    padding-top: 35px;
    text-align: center;
    max-width: 300px;
    min-height: 355px;
    margin: 0 auto 25px;
    position: relative; }
    @media (max-width: 575px) {
      .leadership-section .content-holder {
        max-width: 100%; } }
    .leadership-section .content-holder:after {
      content: "";
      width: 100%;
      height: 2px;
      border-radius: 10px;
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
      background-color: #e00712;
      background-image: linear-gradient(to right, #86539b, #e00712 69%, #e00712);
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0; }
    .leadership-section .content-holder .avatar-holder {
      width: 200px;
      height: 200px;
      border-radius: 100%;
      overflow: hidden;
      margin: 0 auto 25px; }
    .leadership-section .content-holder .profile-info {
      margin-bottom: 25px; }
      .leadership-section .content-holder .profile-info .profile-name {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px; }
      .leadership-section .content-holder .profile-info .profile-role {
        font-size: 16px;
        color: #707c86;
        font-weight: 300; }

.career-section {
  padding: 50px 0;
  background-color: #ececec; }
  .career-section .career-wrapper {
    background-color: #fff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.05);
    min-height: 250px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .career-section .career-wrapper:after {
      content: "";
      width: 100%;
      height: 4px;
      border-radius: 10px;
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
      background-color: #e00712;
      background-image: linear-gradient(to right, #86539b, #e00712 69%, #e00712);
      display: inline-block; }
    .career-section .career-wrapper .content-holder {
      text-align: center;
      padding: 45px 15px;
      min-height: 250px; }
      .career-section .career-wrapper .content-holder h1 {
        font-weight: 700;
        font-size: 36px;
        color: #26262d;
        margin-bottom: 15px; }
      .career-section .career-wrapper .content-holder p {
        font-size: 18px;
        color: #707c86;
        font-weight: 400;
        margin-bottom: 25px; }
      .career-section .career-wrapper .content-holder .btn {
        min-width: 200px;
        height: 55px;
        font-size: 14px; }

/****** Components ******/
.c-hamburger {
  display: none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: ""; }

.c-hamburger span::before {
  top: -7px; }

.c-hamburger span::after {
  bottom: -7px; }

/* Style 2*/
.c-hamburger--htx {
  background-color: transparent; }

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
  background: none; }

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s; }

.pg-slider.slide-placeholder {
  position: relative;
  z-index: 1; }
.pg-slider.pg-parallax {
  /*        position: fixed; 
          margin-top: 60px; */
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  min-height: 56em;
  font-size: 1vw;
  position: relative; }
  .pg-slider.pg-parallax:after {
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.9) 25%, transparent 100%);
    height: 10em;
    width: 100%;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%; }
  .pg-slider.pg-parallax .slick-slide {
    height: 100%; }
    .pg-slider.pg-parallax .slick-slide a:hover {
      color: #fff; }
    .pg-slider.pg-parallax .slick-slide img {
      height: auto; }
  .pg-slider.pg-parallax .left-overlay {
    background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    left: 0;
    top: 0;
    position: absolute;
    width: 35em;
    min-height: 56em;
    display: block;
    z-index: 1; }
  .pg-slider.pg-parallax .slide-caption {
    top: 50%;
    transform: translateY(-50%);
    left: 3em;
    z-index: 5;
    bottom: auto;
    right: auto;
    max-width: 25em;
    text-align: left;
    padding: 15px 15px; }
    .pg-slider.pg-parallax .slide-caption h2 {
      font-size: 3em;
      font-family: "Montserrat", sans-serif;
      margin-bottom: 0.75em;
      text-transform: capitalize; }
    .pg-slider.pg-parallax .slide-caption .date-info {
      display: block;
      font-size: 1em;
      font-weight: 300;
      margin-top: 0.8em; }
    .pg-slider.pg-parallax .slide-caption p {
      margin-bottom: 2.5em;
      font-weight: 300;
      line-height: 1.8;
      font-size: 0.9em;
      font-family: "Montserrat", sans-serif; }
    .pg-slider.pg-parallax .slide-caption .action-btns {
      display: flex;
      align-items: stretch;
      flex-wrap: wrap; }
      .pg-slider.pg-parallax .slide-caption .action-btns .action-item {
        min-width: 9.5em;
        margin-right: 1.5em; }
        @media (max-width: 1199px) {
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item {
            min-width: 13em;
            height: 2.5em; } }
        .pg-slider.pg-parallax .slide-caption .action-btns .action-item:last-child {
          margin-right: 0; }
        .pg-slider.pg-parallax .slide-caption .action-btns .action-item a {
          display: block;
          font-family: "Montserrat", sans-serif; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item a.btn-transparent:hover {
            color: #0e0e0e; }
        .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 3em;
          line-height: 2;
          border-radius: 2px; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn i, .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn img {
            margin-right: 0.5em; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn img {
            max-width: 1em; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn.primary-btn:hover, .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn.primary-btn:focus {
            background-color: #96050c; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn.btn-white {
            color: #0e0e0e; }
    @media (max-width: 1199px) {
      .pg-slider.pg-parallax .slide-caption {
        max-width: 36em; } }
    @media (max-width: 767px) {
      .pg-slider.pg-parallax .slide-caption {
        max-width: 40em;
        left: 2em;
        right: 2em; } }
    @media (max-width: 479px) {
      .pg-slider.pg-parallax .slide-caption {
        max-width: 100%;
        left: 2em;
        right: 2em; }
        .pg-slider.pg-parallax .slide-caption h2 .date-info {
          line-height: 1.8; }
        .pg-slider.pg-parallax .slide-caption .action-btns .action-item {
          margin-right: 0.5em; }
          .pg-slider.pg-parallax .slide-caption .action-btns .action-item .btn {
            font-size: 1em;
            color: #0e0e0e; } }
  .pg-slider.pg-parallax .slick-dots {
    bottom: 4em;
    left: 3em;
    right: auto;
    z-index: 1000;
    font-size: 1em;
    padding-left: 15px;
    top: auto; }
    .pg-slider.pg-parallax .slick-dots li button {
      background-color: #8c8c8c; }
    .pg-slider.pg-parallax .slick-dots li.slick-active button {
      width: 25px;
      height: 10px;
      border-radius: 10px;
      background-color: #e00712; }
  .pg-slider.pg-parallax .slick-arrow {
    display: none !important; }
.pg-slider.slide-placeholder {
  display: none; }
.pg-slider.shadow {
  background: #1b1b1b url(../images/slide-shadow.png) no-repeat center bottom; }
.pg-slider .pg-slider-inn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
.pg-slider .slide-item {
  position: relative; }
  .pg-slider .slide-item .play-btn {
    /*            top: 44%;*/
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
.pg-slider .slide-caption {
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 30px 15px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
  position: absolute; }
  .pg-slider .slide-caption h2 {
    font-size: 42px; }
  .pg-slider .slide-caption p span {
    display: inline-block;
    border-right: 2px solid #fff;
    margin-right: 15px;
    padding-right: 15px;
    line-height: 14px; }
    .pg-slider .slide-caption p span:last-child {
      margin: 0;
      padding: 0;
      border: none; }
.pg-slider .slick-arrow {
  height: 100%;
  width: 150px;
  padding: 15px;
  font-size: 44px;
  text-shadow: 0 0 20px #000; }
.pg-slider .slick-next {
  right: 0;
  text-align: right;
  /*         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 
          background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  FF3.6-15 
          background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  Chrome10-25,Safari5.1-6 
          background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );  IE6-9 */ }
.pg-slider .slick-prev {
  left: 0;
  text-align: left;
  /*         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 
          background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);  FF3.6-15 
          background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  Chrome10-25,Safari5.1-6 
          background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );  IE6-9 */ }
.pg-slider .slick-dots li button {
  box-shadow: 0 0 2px #020202; }
@media (max-width: 991px) {
  .pg-slider .slide-item .play-btn {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  .pg-slider .slide-caption h2 {
    font-size: 30px; } }
@media (max-width: 767px) {
  .pg-slider .img-fluid {
    min-height: 150px; }
  .pg-slider .slide-caption {
    font-size: 12px; }
  .pg-slider .slide-caption h2 {
    font-size: 18px;
    margin-bottom: 10px; }
  .pg-slider .slide-caption p {
    margin-bottom: 0; }
  .pg-slider .slide-caption p span {
    margin-right: 5px;
    line-height: 10px;
    padding-right: 5px; }
  .pg-slider .slick-dots {
    padding: 10px 0; }
  .pg-slider .slide-caption {
    padding: 80px 10px 10px; }
  .pg-slider .slide-item .play-btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.page-movie-slider .slick-arrow,
.channel-slider .slick-arrow {
  opacity: 0;
  transition: all 0.5s ease; }
.page-movie-slider:hover .slick-arrow,
.channel-slider:hover .slick-arrow {
  opacity: 1; }

.pg-movies .slick-dots,
.pg-channels .slick-dots {
  z-index: 990;
  display: inline-flex;
  align-items: center;
  width: auto !important;
  justify-content: flex-end;
  padding: 5px 0; }
  @media (max-width: 767px) {
    .pg-movies .slick-dots,
    .pg-channels .slick-dots {
      display: none; } }
.pg-movies.channel-section, .pg-movies.new-section,
.pg-channels.channel-section,
.pg-channels.new-section {
  margin: 0; }
  .pg-movies.channel-section .title-header, .pg-movies.new-section .title-header,
  .pg-channels.channel-section .title-header,
  .pg-channels.new-section .title-header {
    margin-bottom: 0; }
    .pg-movies.channel-section .title-header h1, .pg-movies.new-section .title-header h1,
    .pg-channels.channel-section .title-header h1,
    .pg-channels.new-section .title-header h1 {
      font-size: 18px; }
      .pg-movies.channel-section .title-header h1 .fa-icon, .pg-movies.new-section .title-header h1 .fa-icon,
      .pg-channels.channel-section .title-header h1 .fa-icon,
      .pg-channels.new-section .title-header h1 .fa-icon {
        max-width: 0;
        display: inline-block;
        margin-left: 0px;
        opacity: 0;
        transition: max-width 1s,opacity 0,transform 750ms; }
        .pg-movies.channel-section .title-header h1 .fa-icon i, .pg-movies.new-section .title-header h1 .fa-icon i,
        .pg-channels.channel-section .title-header h1 .fa-icon i,
        .pg-channels.new-section .title-header h1 .fa-icon i {
          font-size: 22px;
          line-height: 1;
          vertical-align: middle; }
  .pg-movies.channel-section .channel-wrapper .channel-slider, .pg-movies.new-section .channel-wrapper .channel-slider,
  .pg-channels.channel-section .channel-wrapper .channel-slider,
  .pg-channels.new-section .channel-wrapper .channel-slider {
    margin: 0 -0.5em; }

.active-arrow.channel-section .title-header h1 .fa-icon, .active-arrow.new-section .title-header h1 .fa-icon {
  max-width: 40px;
  opacity: 1;
  transition: max-width 1s,opacity 1s,transform 750ms;
  transform: translate(1vw, 0); }

.pg-channels {
  padding-top: 20px;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  min-height: 180px;
  position: relative;
  font-size: 1vw; }
  .pg-channels.nohome {
    background: transparent; }
  .pg-channels .section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0; }
  .pg-channels .slick-list {
    padding: 20px 0; }
  .pg-channels .slick-dots {
    left: auto;
    top: -18px;
    width: 50%;
    text-align: right;
    padding: 0; }
  .pg-channels .slick-dots li button {
    background: #fff;
    width: 7px;
    height: 7px; }
  .pg-channels .slick-dots li.slick-active button {
    background: #e00712; }
  .pg-channels .slick-prev {
    left: -15px; }
  .pg-channels .slick-next {
    right: -15px; }
  .pg-channels.episodes-ch {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none; }
    .pg-channels.episodes-ch.episodes-srch {
      padding-top: 20px;
      border-bottom: 1px solid #282828;
      box-shadow: 0 -1px 0 #000 inset; }
    .pg-channels.episodes-ch .channel-caption {
      text-align: left; }
    .pg-channels.episodes-ch .channel-box {
      border: none; }
      .pg-channels.episodes-ch .channel-box.active {
        background: rgba(0, 0, 0, 0.5); }
    .pg-channels.episodes-ch .epi-thumb {
      position: relative; }
    .pg-channels.episodes-ch .epi-excerpt {
      padding: 15px 10px 10px 10px;
      font-size: 12px;
      color: #9a9a9a;
      height: 80px; }
      .pg-channels.episodes-ch .epi-excerpt h6 {
        color: #fff;
        font-size: 13px; }
        .pg-channels.episodes-ch .epi-excerpt h6 span {
          font-weight: 300; }
      .pg-channels.episodes-ch .epi-excerpt p {
        margin-bottom: 0; }
    .pg-channels.episodes-ch .slick-list {
      padding: 0; }
    .pg-channels.episodes-ch .slick-prev {
      left: -15px; }
    .pg-channels.episodes-ch .slick-next {
      right: -15px; }
    .pg-channels.episodes-ch .sug-excerpt h5 {
      margin-bottom: 10px; }
    .pg-channels.episodes-ch .sug-detail {
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      font-size: 0;
      opacity: 0;
      margin-bottom: 10px; }
      .pg-channels.episodes-ch .sug-detail > span {
        border-right: 1px solid #e91c23;
        display: inline-block;
        line-height: 13px;
        margin-right: 10px;
        padding-right: 10px; }
        .pg-channels.episodes-ch .sug-detail > span:last-child {
          border: medium none;
          margin-right: 0;
          padding-right: 0; }
    .pg-channels.episodes-ch .channel-box:hover .sug-detail {
      font-size: 13px;
      opacity: 1; }
    @media (min-width: 1200px) {
      .pg-channels.episodes-ch .channel-box:hover {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 9; }
        .pg-channels.episodes-ch .channel-box:hover .channel-caption-inn {
          padding-left: 25px;
          padding-right: 20px; } }
    .pg-channels.episodes-ch .channel-box:hover {
      transform: none; }
  @media (max-width: 1199px) {
    .pg-channels .slick-prev {
      left: 0; }
    .pg-channels .slick-next {
      right: 0; } }
  @media (max-width: 767px) {
    .pg-channels {
      padding-bottom: 0; } }

.channel-box {
  font-family: "Open Sans", sans-serif;
  display: block;
  overflow: hidden;
  color: #fff;
  background: #0e0e0e;
  position: relative; }
  .channel-box .channel-thumb {
    position: relative;
    max-height: 108px; }
    .channel-box .channel-thumb img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      display: inline-block;
      vertical-align: top; }
  .channel-box .channel-caption .channel-now {
    top: -40%; }
  .channel-box .channel-caption .play-btn {
    top: 45%;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .channel-box .dlt-btn {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .channel-box .play-purchase-btn {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .channel-box .vod-actions .btn-icon {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .channel-box:hover, .channel-box:focus {
    text-decoration: none;
    color: #fff; }
  .channel-box:hover {
    text-decoration: none; }
    .channel-box:hover .channel-now {
      top: 0; }
    .channel-box:hover .play-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box:hover .dlt-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box:hover .play-purchase-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box:hover .vod-actions .btn-icon {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
  @media (max-width: 1199px) {
    .channel-box .channel-caption .channel-now {
      top: 0; }
    .channel-box .channel-caption .play-btn {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .channel-box .play-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box .dlt-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box .play-purchase-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box .vod-actions .btn-icon {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box .lock-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .channel-box .channel-box:hover .play-btn {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); } }
  .channel-box.active .channel-caption .play-btn {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  .channel-box.active .play-btn .fa-play:before {
    content: "\f04c"; }
  .channel-box.active .play-btn .fa-play {
    text-indent: 0;
    font-size: 16px; }

.channel-box-top {
  padding: 10px; }

.channel-box-btm {
  padding: 10px;
  text-align: center; }

.channel-logo-wrap {
  position: static;
  left: 0;
  top: 0;
  text-align: center;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }

.channel-box .channel-thumb img {
  width: 100%;
  height: 100%; }

.channel-logo-full {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  left: 0;
  top: 0; }

.channel-logo-full-inn {
  display: table-cell;
  vertical-align: middle; }

.channel-logo-full-inn img {
  max-height: 50%;
  max-width: 50%;
  display: inline-block; }

@media (max-width: 767px) {
  .channels-init [class*=col-xs], .epi-init [class*=col-xs], .radio-init [class*=col-xs] {
    width: 200px; }

  .channel-caption .channel-name {
    font-size: 10px; }

  .channel-box .channel-caption .play-btn {
    top: 45%; }

  .channel-box .vod-actions .btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
.no-chSlider {
  padding: 20px 0;
  margin-bottom: -4px; }

.no-chSlider > [class*=col-] {
  width: 16.6666%; }

@media only screen and (max-width: 1449px) {
  .no-chSlider > [class*=col-] {
    width: 20%; } }
@media only screen and (max-width: 949px) {
  .no-chSlider > [class*=col-] {
    width: 25%; } }
@media only screen and (max-width: 767px) {
  .no-chSlider > [class*=col-] {
    width: 33.33%; } }
@media only screen and (max-width: 650px) {
  .no-chSlider > [class*=col-] {
    width: 50%; } }
/*@media only screen and (max-width:450px) { 
    .no-chSlider > [class*=col-] { 
        width: 100%;
    }
}*/
.channel-box.radio-box .channel-caption .channel-name {
  padding-left: 0;
  text-align: center;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.channel-box.radio-box .channel-caption .channel-caption-inn {
  padding: 10px;
  /*border-top: 1px solid $light-grey;*/ }
.channel-box.radio-box.active .channel-caption .play-btn {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
.channel-box.radio-box.active .fa-play:before {
  content: "\f04c"; }
.channel-box.radio-box.active .fa-play {
  text-indent: 0; }
.channel-box.radio-box.active .channel-logo-wrap {
  opacity: .2; }
.channel-box.radio-box.active .vod-actions .btn-icon {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #e00712; }
.channel-box.radio-box .play-btn {
  background: none;
  box-shadow: none;
  border-color: #e00712;
  color: #e00712; }
.channel-box.radio-box:hover .channel-logo-wrap {
  opacity: .2; }

.radio-wrap.radio-playing {
  padding-bottom: 80px; }
  .radio-wrap.radio-playing .radio-pBtm {
    bottom: 0; }

.rClose {
  color: #f5f7f8;
  background: #343434;
  font-size: 16px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -20px;
  width: 40px;
  z-index: 10; }
  .rClose:focus {
    text-decoration: none;
    color: #fff; }
  .rClose:hover {
    text-decoration: none;
    color: #fff;
    background: #2d2d2d; }

.radio-pBtm {
  left: 0;
  position: fixed;
  right: 0;
  bottom: -100%;
  z-index: 999;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
  background: #343434; }
  .radio-pBtm .section-loader {
    background-color: #343434;
    background-size: 40px; }

.radio-pWrap {
  background: #343434;
  /*box-shadow: 0 0 5px rgba($black-color, .75);*/
  color: #fff;
  height: 80px;
  position: relative;
  z-index: 9;
  padding: 0 20px; }

.radio-pLeft {
  float: left;
  width: 65%;
  padding: 10px;
  position: relative;
  border-right: 1px solid #0e0e0e; }

.radio-pRight {
  float: left;
  width: 35%;
  padding: 10px; }

.rChannel-thumb {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  padding: 10px; }
  .rChannel-thumb img {
    display: inline-block;
    vertical-align: middle;
    max-width: 40px;
    max-height: 40px; }

.rChannel-excerpt {
  margin: 0 100px 0 70px;
  font-size: 10px; }
  .rChannel-excerpt h6 {
    font-size: 10px;
    font-weight: 600;
    margin: 0 0 10px; }
  .rChannel-excerpt h5 {
    font-size: 12px;
    margin-bottom: 10px; }
  .rChannel-excerpt p {
    color: #f5f7f8;
    margin-bottom: 0; }

.rChannel-action {
  position: absolute;
  right: 15px;
  top: 25px; }

.iv-ch-actions {
  font-size: 18px; }
  .iv-ch-actions a {
    color: #f5f7f8;
    border: 1px solid #f5f7f8;
    border-radius: 100%;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px; }
    .iv-ch-actions a:focus {
      color: #f5f7f8;
      text-decoration: none; }
    .iv-ch-actions a:hover {
      color: #fff;
      border-color: #fff;
      text-decoration: none; }
    .iv-ch-actions a.active {
      border-color: #e00712;
      background: #e00712;
      color: #fff; }
    .iv-ch-actions a + a {
      margin-left: 10px; }

.radio-rWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  z-index: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }

.radio-rHead {
  text-align: right; }

.radio-rToggle {
  display: inline-block;
  background: #343434;
  height: 40px;
  font-size: 12px;
  padding: 10px 15px;
  font-weight: 700; }
  .radio-rToggle .fa-chevron-up {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
  .radio-rToggle:focus {
    text-decoration: none;
    color: #fff; }
  .radio-rToggle:hover {
    text-decoration: none;
    color: #fff;
    background: #2d2d2d; }
  .radio-rToggle.open .fa-chevron-up {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.radio-rContent {
  background: #343434; }
  .radio-rContent .pg-channels {
    box-shadow: none;
    border-bottom: 1px solid #0e0e0e; }

.radio-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  display: none; }

.radio-player {
  position: relative; }
  .radio-player .plyr .plyr__play-large, .radio-player .plyr .plyr__progress, .radio-player .plyr__related, .radio-player .plyr__quality {
    display: none !important; }
  .radio-player .plyr--audio .plyr__controls {
    background: transparent;
    border-color: transparent;
    padding: 18px 0 0;
    color: #fff; }
  .radio-player .plyr__controls button.plyr__play-small {
    background-size: 60%; }
  .radio-player .plyr__time {
    position: absolute;
    right: 0;
    top: 25px; }
  .radio-player .plyr__prev.disabled {
    opacity: .2; }
  .radio-player .plyr__next.disabled {
    opacity: .2; }

@media (max-width: 1199px) {
  .radio-pWrap {
    padding: 0 5px; }

  .radio-pLeft, .radio-pRight {
    width: 50%; } }
@media (max-width: 1199px) {
  .channel-box.radio-box .channel-logo-wrap {
    opacity: .2; }

  .channel-box.radio-box.active .channel-caption .play-btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@media (max-width: 767px) {
  .radio-pLeft {
    display: none; }

  .radio-pRight {
    width: 100%; } }
.overlayTop-block {
  position: relative; }
  .overlayTop-block .title-header {
    margin-bottom: 15px; }
  .overlayTop-block:before {
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.95) 60%);
    height: 10em;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.pg-movies {
  padding: 20px 0 0;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  font-size: 13px;
  min-height: 200px;
  position: relative; }
  .pg-movies .section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0; }
    .pg-movies .section-title a:hover, .pg-movies .section-title a:focus {
      text-decoration: none; }
  .pg-movies .pg-movie-box {
    position: relative;
    color: #fff;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
    .pg-movies .pg-movie-box .movie-thumb img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; }
    .pg-movies .pg-movie-box .dlt-btn {
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-movies .pg-movie-box .play-btn {
      top: 35%;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-movies .pg-movie-box .play-purchase-btn {
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-movies .pg-movie-box .vod-actions .btn-icon {
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-movies .pg-movie-box .channel-now {
      top: -40%; }
    .pg-movies .pg-movie-box .movie-caption {
      opacity: 0;
      transition: all 0.5s ease;
      overflow: hidden; }
      .pg-movies .pg-movie-box .movie-caption .free-tag {
        background: #129c00;
        box-sizing: border-box;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        height: 18px;
        padding: 0 !important;
        width: 50px;
        display: block;
        position: absolute;
        top: 14px;
        left: 0;
        text-align: center;
        line-height: 20px;
        border-radius: 0 10px 10px 0; }
        .pg-movies .pg-movie-box .movie-caption .free-tag:after {
          content: none; }
      .pg-movies .pg-movie-box .movie-caption .premium-tag {
        background: #d7c607;
        box-sizing: border-box;
        text-transform: uppercase;
        color: #000;
        font-size: 10px;
        font-weight: 400;
        height: 18px;
        padding: 0 !important;
        width: 70px;
        display: block;
        position: absolute;
        top: 14px;
        left: 0;
        text-align: center;
        line-height: 18px;
        border-radius: 0 10px 10px 0; }
        .pg-movies .pg-movie-box .movie-caption .premium-tag:after {
          content: none; }
      .pg-movies .pg-movie-box .movie-caption .movie-caption-inn {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        top: auto;
        padding: 0;
        background: transparent;
        color: #fff;
        padding: 1em 1.5em 1.5em;
        text-align: left; }
        .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .movie-name {
          font-size: 1.2em;
          margin-bottom: 0.5em; }
        .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item {
          max-width: 8.5em;
          margin-bottom: 1em; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn {
            display: flex;
            align-items: center;
            justify-content: center; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn img {
              max-width: 0.8em;
              margin-right: 0.5em; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn i {
              margin-right: 0.7em; }
              .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn i.fa-info {
                border: 1px solid #fff;
                width: 12px;
                height: 12px;
                border-radius: 100%;
                font-size: 8px;
                font-weight: normal;
                display: flex;
                align-items: center;
                justify-content: center; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn:hover i.fa-info, .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn:focus i.fa-info {
              border-color: #0e0e0e; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .voutcher-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            white-space: nowrap;
            background-color: #e00712;
            border-color: #e00712;
            border-radius: 2px;
            width: 100%; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .voutcher-btn:hover, .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .voutcher-btn:focus {
              color: #fff; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .voutcher-btn img {
              max-width: 0.8em;
              margin-right: 0.5em; }
        .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .movie-certificate {
          display: block;
          margin-bottom: 0.5em; }
        .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .pg-rating .rating-start {
          margin: 0; }
      @media (max-width: 575px) {
        .pg-movies .pg-movie-box .movie-caption .movie-caption-inn {
          top: 0;
          padding: 0;
          left: 0;
          right: 0; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn span.tvod-price {
            display: none; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .movie-name {
            display: none; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item {
            max-width: 100%;
            margin-bottom: 0; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item:first-child {
              display: none; }
            .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .action-btns .btn-item .btn {
              position: absolute;
              width: 100%;
              right: 0;
              left: 0;
              height: 100%;
              top: 0; }
          .pg-movies .pg-movie-box .movie-caption .movie-caption-inn .movie-certificate {
            display: none; } }
    .pg-movies .pg-movie-box:hover, .pg-movies .pg-movie-box:focus {
      text-decoration: none; }
    .pg-movies .pg-movie-box:hover {
      text-decoration: none; }
      @media (min-width: 1200px) {
        .pg-movies .pg-movie-box:hover {
          z-index: 9; }
          .pg-movies .pg-movie-box:hover .movie-caption-inn {
            background: transparent; }
          .pg-movies .pg-movie-box:hover .movie-caption {
            background: rgba(0, 0, 0, 0.7);
            opacity: 1; } }
      .pg-movies .pg-movie-box:hover .channel-now {
        top: 0; }
      .pg-movies .pg-movie-box:hover .play-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box:hover .dlt-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box:hover .movie-caption-inn {
        bottom: 0; }
      .pg-movies .pg-movie-box:hover .dlt-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box:hover .play-purchase-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box:hover .vod-actions .btn-icon {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
    @media (max-width: 1199px) {
      .pg-movies .pg-movie-box .dlt-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box .play-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box .play-purchase-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box .vod-actions .btn-icon {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box .movie-caption .movie-caption-inn {
        bottom: 0; }
      .pg-movies .pg-movie-box .dlt-btn {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .pg-movies .pg-movie-box .play-purchase-btn {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8); }
      .pg-movies .pg-movie-box:hover .play-btn {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8); }
      .pg-movies .pg-movie-box:hover .play-purchase-btn {
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8); } }
  .pg-movies .slick-list {
    padding: 20px 0; }
  .pg-movies .slick-dots {
    left: auto;
    top: -15px;
    width: 30%;
    text-align: right;
    padding: 0; }
  .pg-movies .slick-dots li button {
    background: #fff;
    width: 9px;
    height: 9px; }
  .pg-movies .slick-dots li.slick-active button {
    background: #e00712 !important;
    width: 12px;
    height: 12px; }
  .pg-movies .slick-prev {
    left: -20px; }
  .pg-movies .slick-next {
    right: -20px; }
  .pg-movies.liked-tab {
    padding: 0;
    box-shadow: none;
    border: none; }
  .pg-movies .watching-slider .slick-arrow, .pg-movies .fvt-slider .slick-arrow {
    font-size: 26px;
    top: -20px;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  .pg-movies .watching-slider .slick-prev, .pg-movies .fvt-slider .slick-prev {
    left: auto;
    right: 40px; }
  .pg-movies .watching-slider .slick-next, .pg-movies .fvt-slider .slick-next {
    right: 10px; }
  @media (max-width: 1199px) {
    .pg-movies .slick-prev {
      left: 0; }
    .pg-movies .slick-next {
      right: 0; } }

.pg-suggestion {
  padding: 30px 0;
  background-color: #181818; }
  .pg-suggestion .title-header {
    margin-bottom: 10px; }
    .pg-suggestion .title-header h1 {
      font-size: 1.25em;
      color: #fff; }

.pg-series {
  background-color: #181818;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  font-size: 1vw;
  padding: 30px 0; }
  .pg-series .title-header {
    margin-bottom: 30px; }
    .pg-series .title-header h1 {
      font-weight: 600;
      color: #fff;
      font-size: 20px; }
    .pg-series .title-header .multiselect-native-select .btn-select {
      min-width: 160px;
      height: 40px;
      justify-content: space-between;
      display: flex;
      align-items: center;
      background: transparent;
      border: 1px solid #fff;
      font-size: 16px; }
      .pg-series .title-header .multiselect-native-select .btn-select .fa:before {
        content: "\f107";
        font-size: 22px; }
    .pg-series .title-header .multiselect-native-select .dropdown-menu {
      left: auto;
      right: 0; }
      .pg-series .title-header .multiselect-native-select .dropdown-menu li {
        font-size: 16px; }
    .pg-series .title-header .multiselect-native-select .multiselect-container > li > a > label {
      background-color: #202020;
      font-size: 14px; }
  .pg-series .episode-box {
    background-color: #202020; }
  .pg-series .season-episode-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px; }
    .pg-series .season-episode-wrapper .season-episode-item {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
    .pg-series .season-episode-wrapper .season-episode-info {
      margin-bottom: 26px;
      padding: 0 13px;
      width: 50%; }
      @media (max-width: 991px) {
        .pg-series .season-episode-wrapper .season-episode-info {
          width: 100%; } }
      .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch; }
        .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb {
          flex: 1 0 40%;
          position: relative; }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb:hover .play-btn {
            opacity: 1; }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb img {
            background-repeat: no-repeat;
            background-size: cover; }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            border-width: 2px;
            font-size: inherit;
            opacity: 0; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn img {
              max-width: 15px; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn span {
              display: none; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn .btn {
              background: transparent !important;
              border-color: transparent !important;
              padding: 0;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              border-radius: 100%; }
              .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn .btn:hover, .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn .btn:focus {
                color: #fff; }
              .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn .btn span {
                display: none; }
              .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .play-btn .btn img {
                max-width: 20px;
                width: 100%; }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb .voutcher-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%; }
          @media (max-width: 575px) {
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-thumb {
              flex-basis: 100%; } }
        .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt {
          flex-basis: 60%;
          padding: 22px; }
          @media (max-width: 575px) {
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt {
              flex-basis: 100%; } }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt .epi-title {
            font-size: 16px; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt .epi-title span, .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt .epi-title strong {
              display: block; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt .epi-title span {
              margin-bottom: 1em; }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt .epi-title strong {
              font-weight: 700;
              margin-bottom: 1.3em; }
          .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt p {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.75); }
            .pg-series .season-episode-wrapper .season-episode-info .epi-info-wrapper .epi-excerpt p:last-child {
              margin-bottom: 0; }

.rating-start .active {
  color: #e00712; }

.vod-purchased {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  background: #129c00;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  border-radius: 100%; }
  .vod-purchased .fa-play {
    text-indent: 3px; }

@media (max-width: 767px) {
  .pg-movies .pg-movie-box {
    font-size: 10px; }

  .pg-movies .pg-movie-box:hover .play-btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

  .pg-movies .pg-movie-box .vod-actions .btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

  .movie-certificate {
    display: none; } }
@media (max-width: 767px) {
  .watching-slider [class*=col-xs], .new-slider [class*=col-xs], .fvt-slider [class*=col-xs], .liked-tab [class*=col-xs] {
    width: 136px; } }
.pg-mlp-threeCol > [class*=col-]:first-child {
  width: 50%; }

.pg-mlp-threeCol > [class*=col-]:nth-child(2) {
  width: 25%; }

.pg-mlp-threeCol > [class*=col-]:nth-child(3) {
  width: 25%; }

@media only screen and (max-width: 1449px) {
  .pg-mlp-threeCol > [class*=col-]:first-child {
    width: 33.33%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(2) {
    width: 33.33%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(3) {
    width: 33.33%; } }
@media only screen and (max-width: 949px) {
  .pg-mlp-threeCol > [class*=col-]:first-child {
    width: 50%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(2) {
    width: 25%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(3) {
    width: 25%; } }
@media only screen and (max-width: 767px) {
  .pg-mlp-threeCol > [class*=col-]:first-child {
    width: 100%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(2) {
    width: 100%; }

  .pg-mlp-threeCol > [class*=col-]:nth-child(3) {
    width: 100%; } }
.pg-mlp-twoCol > [class*=col-] {
  width: 50%; }

@media only screen and (max-width: 767px) {
  .pg-mlp-twoCol > [class*=col-] {
    width: 100%; } }
.pg-mlp-singleCol > [class*=col-]:first-child {
  width: 100%; }

/*Carousal Css*/
.no-mSlider {
  padding: 20px 0; }

.no-mSlider > [class*=col-] {
  width: 14.2%; }

@media only screen and (max-width: 1449px) {
  .no-mSlider > [class*=col-] {
    width: 16.6666%; } }
@media only screen and (max-width: 949px) {
  .no-mSlider > [class*=col-] {
    width: 25%; } }
@media only screen and (max-width: 767px) {
  .no-mSlider > [class*=col-] {
    width: 33.3333%; } }
@media only screen and (max-width: 549px) {
  .no-mSlider > [class*=col-] {
    width: 50%; } }
.mb-movies-detail {
  padding: 15px 0;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  background: #202020;
  min-height: 200px;
  position: relative;
  font-size: 11px; }
  .mb-movies-detail .container {
    padding: 0 15px;
    max-width: 1024px; }

.mb-movies-detail .bitmovinplayer-container {
  min-height: 250px !important; }

.mb-mThumb {
  position: relative; }
  .mb-mThumb img {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat; }
  .mb-mThumb .play-btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

.mb-mExcerpt {
  font-size: 10px; }
  .mb-mExcerpt h1 {
    font-size: 16px; }

.mb-mSummary {
  line-height: 1.6; }
  .mb-mSummary span {
    border-right: 1px solid #fff;
    display: inline-block;
    line-height: 13px;
    line-height: 10px;
    margin-right: 5px;
    padding-right: 5px; }
    .mb-mSummary span:last-child {
      border-right: none; }

.mb-mActions {
  margin-bottom: 15px;
  position: relative; }
  .mb-mActions ul {
    list-style: outside none none;
    margin: 0 -2px;
    padding: 0; }
    .mb-mActions ul li {
      display: inline-block;
      margin: 0 2px; }
      .mb-mActions ul li a {
        background: #0e0e0e;
        border-radius: 100%;
        color: #f5f7f8;
        display: block;
        font-size: 14px;
        padding: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px; }
        .mb-mActions ul li a:hover {
          background: #0e0e0e;
          color: #f5f7f8; }
        .mb-mActions ul li a:focus {
          background: #0e0e0e;
          color: #f5f7f8; }
        .mb-mActions ul li a.active {
          background: #e00712;
          color: #fff; }
      .mb-mActions ul li.open > a {
        background: #e00712;
        color: #fff; }
      .mb-mActions ul li .dropdown-menu {
        list-style: none;
        margin: 15px 0 0;
        text-align: center;
        padding: 15px 5px;
        background: #2d2d2d;
        min-width: 130px;
        left: -50px; }
        .mb-mActions ul li .dropdown-menu:before {
          content: "";
          position: absolute;
          left: 50%;
          top: -19px;
          margin-left: -10px;
          border-width: 10px;
          border-style: solid;
          border-color: transparent transparent #2d2d2d transparent; }
        .mb-mActions ul li .dropdown-menu li {
          margin: 0 3px; }

.mb-rating {
  margin-bottom: 15px;
  color: #808080; }
  .mb-rating .fa {
    cursor: pointer; }
    .mb-rating .fa.active {
      color: #e00712; }

.mb-ov {
  line-height: 1.8; }
  .mb-ov ul {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0; }
    .mb-ov ul li {
      overflow: hidden; }
      .mb-ov ul li span {
        float: left;
        font-weight: 700;
        min-width: 100px; }
      .mb-ov ul li .mb-ov-inn {
        margin-left: 100px; }
  .mb-ov p {
    color: #f5f7f8;
    margin-bottom: 0; }

.mb-suggestions {
  padding: 15px 0;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  min-height: 200px;
  position: relative;
  font-size: 12px; }
  .mb-suggestions .container {
    padding: 0 15px;
    max-width: 1024px; }
  .mb-suggestions .mb-slider {
    margin: 0 -2px; }
  .mb-suggestions .pg-movie-box {
    position: relative;
    font-size: 10px;
    margin: 0 2px;
    width: 136px;
    color: #fff;
    display: block; }
    .mb-suggestions .pg-movie-box .play-btn {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .mb-suggestions .pg-movie-box .movie-thumb img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; }
    .mb-suggestions .pg-movie-box .play-btn {
      top: 30%; }
      .mb-suggestions .pg-movie-box .play-btn img {
        max-width: 20px; }
    .mb-suggestions .pg-movie-box .movie-caption .movie-caption-inn {
      bottom: 0;
      padding: 50px 5px 0; }
    .mb-suggestions .pg-movie-box .movie-caption .movie-name {
      font-size: 12px; }
    .mb-suggestions .pg-movie-box:hover, .mb-suggestions .pg-movie-box:focus {
      text-decoration: none; }
  .mb-suggestions .channel-box {
    font-size: 10px;
    margin: 0 2px;
    width: 136px;
    color: #fff;
    display: block;
    position: relative; }
    .mb-suggestions .channel-box:hover, .mb-suggestions .channel-box:focus {
      text-decoration: none; }
    .mb-suggestions .channel-box .epi-thumb {
      position: relative; }
      .mb-suggestions .channel-box .epi-thumb img {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover; }
    .mb-suggestions .channel-box .play-btn {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .mb-suggestions .channel-box .epi-excerpt {
      padding: 15px 10px;
      font-size: 10px;
      color: #9a9a9a; }
      .mb-suggestions .channel-box .epi-excerpt h6 {
        color: #fff;
        font-size: 11px; }
        .mb-suggestions .channel-box .epi-excerpt h6 span {
          font-weight: 300; }
      .mb-suggestions .channel-box .epi-excerpt p {
        margin-bottom: 0; }

.mb-epi-filter .btn {
  font-size: 10px; }

.mb-epi-filter .dropdown-menu {
  left: auto;
  right: 0; }

.mb-epi-label {
  padding-top: 6px; }

@media (max-width: 767px) {
  .mb-top-right {
    margin-left: 0; }

  .mb-ov {
    clear: left; } }
.pg-modal {
  background: rgba(0, 0, 0, 0.6); }
  .pg-modal .modal-dialog {
    width: auto;
    padding: 0 15px;
    max-width: 1170px; }
    .pg-modal .modal-dialog .modal-content {
      background: none;
      border: none;
      color: #fff;
      box-shadow: none;
      border-radius: 0; }
      .pg-modal .modal-dialog .modal-content .modal-header {
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        padding: 5px 15px; }
        .pg-modal .modal-dialog .modal-content .modal-header .close {
          font-size: 30px;
          color: #fff;
          text-shadow: 0 0 10px #0e0e0e;
          opacity: .9; }
      .pg-modal .modal-dialog .modal-content .modal-body {
        padding: 0;
        height: 500px;
        background: #000; }

.pg-tab-nav {
  position: absolute;
  left: 30px;
  right: 30px;
  z-index: 2;
  bottom: 0; }
  .pg-tab-nav .nav-tabs {
    border: none;
    padding: 0; }
  .pg-tab-nav .nav-tabs > li {
    margin-bottom: 0; }
  .pg-tab-nav .nav-tabs > li > a {
    font-size: 13px;
    color: #fff;
    min-width: 110px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    text-align: center; }
  .pg-tab-nav .nav > li > a:focus, .pg-tab-nav .nav > li > a:hover {
    color: #fff;
    background: none;
    border-color: #e00712; }
  .pg-tab-nav .nav-tabs > li.active > a, .pg-tab-nav .nav-tabs > li.active > a:focus, .pg-tab-nav .nav-tabs > li.active > a:hover {
    font-weight: 700;
    color: #fff;
    background: none;
    border: none;
    border-bottom: 2px solid #e00712; }

@media (max-width: 479px) {
  .pg-tab-nav {
    left: 0;
    right: 0; }

  .pg-tab-nav .nav-tabs > li > a {
    min-width: inherit;
    padding: 18px 10px;
    font-size: 14px; } }
.pg-tabs {
  position: relative;
  background: #2d2d2d;
  z-index: 1; }
  .pg-tabs .tab-pane {
    background-image: url(../images/modal-bg.jpg);
    background-position: top center;
    background-size: cover;
    border: 1px solid #282828;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    padding: 30px 30px 50px;
    height: 500px; }
  .pg-tabs .ov-pane .ov-overlay {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.5+1,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 1%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 1%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 1%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .pg-tabs .ov-pane .ov-content {
    position: relative;
    z-index: 2; }
    .pg-tabs .ov-pane .ov-content .ov-content-left {
      padding-right: 333px;
      height: 420px; }
      .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 17px;
        font-size: 12px; }
        .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head {
          margin-bottom: 20px; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head h2 {
            margin-bottom: 5px; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head p span {
            display: inline-block;
            margin-right: 10px;
            padding-right: 10px;
            line-height: 13px;
            border-right: 1px solid #676767; }
            .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head p span:last-child {
              margin-right: 0;
              padding-right: 0;
              border: none; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head p:last-child {
            margin-bottom: 0; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating {
            text-align: right; }
            .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating .rating-start {
              margin-right: 10px;
              color: #808080; }
              .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating .rating-start .fa {
                cursor: pointer; }
              .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating .rating-start .fa.active {
                color: #e00712; }
        .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions {
          margin-bottom: 15px; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul {
            margin: 0 -5px;
            padding: 0;
            list-style: none; }
            .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li {
              display: inline-block;
              position: relative;
              margin: 0 8px 5px; }
              .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a {
                display: block;
                width: 40px;
                height: 40px;
                font-size: 18px;
                padding: 0;
                line-height: 40px;
                background: #0e0e0e;
                color: #f5f7f8;
                text-align: center;
                border-radius: 100%; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a:hover {
                  background: #e00712;
                  color: #fff; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a:focus {
                  background: #0e0e0e;
                  color: #f5f7f8; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a.bg-red {
                  background: #e00712;
                  color: #fff; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a.bg-green {
                  background: #129c00;
                  color: #fff; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a.bg-purple {
                  background: #703ebc;
                  color: #fff; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a.bg-blue {
                  background: #0c6090;
                  color: #fff; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a.active {
                  background: #e00712;
                  color: #fff; }
              .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li.open > a {
                background: #e00712;
                color: #fff; }
              .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li .dropdown-menu {
                list-style: none;
                margin: 15px 0 0;
                text-align: center;
                padding: 15px 5px;
                background: #2d2d2d;
                min-width: 170px;
                left: -64px; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li .dropdown-menu:before {
                  content: "";
                  position: absolute;
                  left: 50%;
                  top: -19px;
                  margin-left: -10px;
                  border-width: 10px;
                  border-style: solid;
                  border-color: transparent transparent #2d2d2d transparent; }
                .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li .dropdown-menu li {
                  margin: 0 3px; }
        .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-player {
          margin-bottom: 15px;
          padding: 40px 0;
          text-align: center; }
          .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-player .play-btn {
            position: static;
            margin: 0;
            opacity: .8;
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            transform: scale(1.5); }
    .pg-tabs .ov-pane .ov-content .ov-content-right {
      height: 498px;
      width: 333px;
      position: absolute;
      right: -30px;
      top: -30px;
      background-position: top center;
      background-size: cover; }
  .pg-tabs .ep-head {
    margin-bottom: 15px; }
  .pg-tabs .epi-seasons {
    max-width: 200px; }
  .pg-tabs .epi-seasons-title {
    padding-top: 8px; }

.ov-actions {
  margin-bottom: 15px; }
  .ov-actions ul {
    margin: 0 -5px;
    padding: 0;
    list-style: none; }
    .ov-actions ul li {
      display: inline-block;
      position: relative;
      margin: 0 8px 5px; }
      .ov-actions ul li a {
        display: block;
        width: 40px;
        height: 40px;
        font-size: 18px;
        padding: 0;
        line-height: 40px;
        background: transparent;
        color: #f5f7f8;
        border: 1px solid #fff;
        text-align: center;
        border-radius: 100%; }
        .ov-actions ul li a:hover {
          background: #e00712;
          border-color: #e00712;
          color: #fff; }
        .ov-actions ul li a:focus {
          background: #0e0e0e;
          color: #f5f7f8; }
        .ov-actions ul li a.bg-red {
          background: #e00712;
          color: #fff; }
        .ov-actions ul li a.bg-green {
          background: #129c00;
          color: #fff; }
        .ov-actions ul li a.bg-purple {
          background: #703ebc;
          color: #fff; }
        .ov-actions ul li a.bg-blue {
          background: #0c6090;
          color: #fff; }
        .ov-actions ul li a.active {
          background: #e00712;
          color: #fff; }
      .ov-actions ul li.open > a {
        background: #e00712;
        color: #fff; }
      .ov-actions ul li .dropdown-menu {
        list-style: none;
        margin: 15px 0 0;
        text-align: center;
        padding: 15px 5px;
        background: #2d2d2d;
        min-width: 170px;
        left: -64px; }
        .ov-actions ul li .dropdown-menu:before {
          content: "";
          position: absolute;
          left: 50%;
          top: -19px;
          margin-left: -10px;
          border-width: 10px;
          border-style: solid;
          border-color: transparent transparent #2d2d2d transparent; }
        .ov-actions ul li .dropdown-menu li {
          margin: 0 3px; }

.ov-rating .rating-start {
  margin-right: 10px;
  color: #808080; }
  .ov-rating .rating-start .fa {
    cursor: pointer; }
  .ov-rating .rating-start .fa.active {
    color: #e00712; }

.ov-excerpt ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0; }
  .ov-excerpt ul li {
    margin-bottom: 5px; }
    .ov-excerpt ul li span {
      float: left;
      font-weight: 700;
      min-width: 100px; }
    .ov-excerpt ul li .ov-excerpt-right {
      margin-left: 105px; }
.ov-excerpt p {
  color: #808080; }

@media (max-width: 1199px) {
  .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating {
    text-align: left;
    padding-top: 10px; }

  .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a:hover {
    background: #0e0e0e;
    color: #f5f7f8; } }
@media (max-width: 767px) {
  .pg-tabs .epi-seasons-title {
    text-align: left; }

  .pg-modal {
    display: none !important; } }
.liked-init, .epi-init, .new-slider, .fvt-slider, .watching-slider, .channels-init, .slide-init, .radio-init {
  visibility: hidden; }

.liked-init.slick-initialized, .epi-init.slick-initialized, .new-slider.slick-initialized, .fvt-slider.slick-initialized, .watching-slider.slick-initialized, .channels-init.slick-initialized, .radio-init.slick-initialized, .slide-init.slick-initialized {
  visibility: visible; }

.pg-sidenav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 260px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  height: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -moz-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px); }
  .pg-sidenav.open {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: none; }
  .pg-sidenav .pg-sidenav-inn {
    padding: 30px 0;
    height: 100%;
    position: relative; }
  .pg-sidenav .sideclose {
    position: absolute;
    top: 22px;
    left: 30px; }
  .pg-sidenav .pg-user-info {
    margin-bottom: 15px;
    padding: 0 15px;
    text-align: center;
    display: none; }
    .pg-sidenav .pg-user-info .pg-user-thumb {
      margin-bottom: 15px; }
      .pg-sidenav .pg-user-info .pg-user-thumb img {
        width: 100px;
        height: 100px; }
    .pg-sidenav .pg-user-info .pg-user-excerpt h4, .pg-sidenav .pg-user-info .pg-user-excerpt p {
      margin-bottom: 0; }
  .pg-sidenav .iv-pro-status {
    padding: 0 15px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .pg-sidenav .iv-pro-status {
        display: none; } }
  .pg-sidenav .pro-status-bar {
    height: 10px;
    box-shadow: none;
    border-radius: 0; }
    .pg-sidenav .pro-status-bar .progress-bar {
      background: #e00712; }
  .pg-sidenav .sidenav-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .pg-sidenav .sidenav-list ul li {
      position: relative; }
      .pg-sidenav .sidenav-list ul li a {
        display: block;
        padding: 12px 15px;
        position: relative;
        font-size: 14px;
        border-bottom: 2px solid  transparent; }
        .pg-sidenav .sidenav-list ul li a:hover, .pg-sidenav .sidenav-list ul li a:focus {
          text-decoration: none;
          color: #fff;
          background: transparent;
          border-bottom-color: #e00712; }
        .pg-sidenav .sidenav-list ul li a > .fa {
          margin-right: 10px; }
      .pg-sidenav .sidenav-list ul li.active > a {
        color: #fff;
        background: transparent !important;
        border-bottom: 2px solid #e00712; }
      .pg-sidenav .sidenav-list ul li .down-arrow {
        position: absolute;
        top: 8px;
        right: 15px;
        width: 20px;
        z-index: 1;
        font-size: 18px;
        text-align: center;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        cursor: pointer; }
      .pg-sidenav .sidenav-list ul li.open .down-arrow {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .pg-sidenav .sidenav-list ul li.open > a {
        color: #fff;
        background: #222222; }
  .pg-sidenav .sidenav-list .dropdown-menu {
    position: static;
    float: none;
    min-width: inherit;
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none; }
  .pg-sidenav .sidenav-list .dropdown-menu > li > a {
    padding: 10px 15px 10px 40px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: #fff; }
  .pg-sidenav .sidenav-list .dropdown-menu > li > a:focus, .pg-sidenav .sidenav-list .dropdown-menu > li > a:hover {
    color: #fff;
    background: #222222; }
  .pg-sidenav .scroll-wrapper {
    height: 100%; }

.pg-sidenav-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  background: rgba(14, 14, 14, 0.5); }
  .pg-sidenav-overlay.open {
    z-index: 9991;
    visibility: visible;
    display: none; }

@media (max-width: 1199px) {
  .pg-sidenav .sideclose {
    left: 15px; } }
.main-wrap {
  position: relative;
  left: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  /*@include transform(translateX(0px));*/ }
  @media (min-width: 1200px) {
    .main-wrap.open {
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0); } }

.build-version {
  font-size: 10px;
  padding: 10px 15px;
  text-indent: 28px; }

@media (max-width: 767px) {
  .pg-sidenav.open {
    display: block; }

  .pg-sidenav-overlay.open {
    display: block; }

  .main-wrap.open {
    -moz-transform: translateX(260px);
    -o-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -webkit-transform: translateX(260px);
    transform: translateX(260px); } }
.pg-recordings {
  padding-top: 20px;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  min-height: 200px;
  position: relative; }
  .pg-recordings .section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0; }
  .pg-recordings .slick-list {
    padding: 20px 0; }
  .pg-recordings .slick-dots {
    left: auto;
    top: -18px;
    width: 50%;
    text-align: right;
    padding: 0; }
  .pg-recordings .slick-dots li button {
    background: #fff;
    width: 7px;
    height: 7px; }
  .pg-recordings .slick-dots li.slick-active button {
    background: #e00712; }
  .pg-recordings .slick-prev {
    left: -20px; }
  .pg-recordings .slick-next {
    right: -20px; }
  .pg-recordings .recording-box {
    background: #0e0e0e;
    display: block;
    overflow: hidden;
    font-size: 11px;
    color: #fff;
    position: relative; }
    .pg-recordings .recording-box .rec-thumb {
      position: relative; }
      .pg-recordings .recording-box .rec-thumb img {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover; }
    .pg-recordings .recording-box .rec-top {
      position: relative; }
    .pg-recordings .recording-box .rec-excerpt {
      padding: 10px 15px; }
    .pg-recordings .recording-box .rec-ch-logo {
      position: absolute;
      padding: 4px 10px;
      background: rgba(0, 0, 0, 0.6);
      right: 10px;
      top: 10px; }
      .pg-recordings .recording-box .rec-ch-logo img {
        height: 18px; }
    .pg-recordings .recording-box .rec-date {
      display: inline-block;
      padding: 4px;
      background: rgba(0, 0, 0, 0.5);
      font-size: 10px; }
    .pg-recordings .recording-box .rec-caption {
      position: absolute;
      left: 0;
      text-shadow: 0 1px 2px #0e0e0e;
      top: 0;
      right: 0;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      background: rgba(14, 14, 14, 0.3);
      bottom: 0; }
      .pg-recordings .recording-box .rec-caption .rec-caption-inn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 10px; }
        .pg-recordings .recording-box .rec-caption .rec-caption-inn h6 {
          margin-bottom: 5px; }
        .pg-recordings .recording-box .rec-caption .rec-caption-inn p {
          margin-bottom: 10px; }
    .pg-recordings .recording-box .play-btn {
      top: 45%; }
    .pg-recordings .recording-box .rec-btn {
      top: 45%; }
    .pg-recordings .recording-box .dlt-btn {
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-recordings .recording-box .vod-actions .btn-icon {
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
    .pg-recordings .recording-box:hover, .pg-recordings .recording-box:focus {
      text-decoration: none; }
      .pg-recordings .recording-box:hover .rec-caption, .pg-recordings .recording-box:focus .rec-caption {
        background: rgba(14, 14, 14, 0.1); }
    .pg-recordings .recording-box:hover .dlt-btn {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .pg-recordings .recording-box:hover .vod-actions .btn-icon {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }

.playPopup {
  padding-right: 0 !important;
  overflow: hidden; }
  .playPopup .pin-modal-wrapper {
    min-height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center; }
    .playPopup .pin-modal-wrapper button.close {
      color: #fff;
      text-shadow: none;
      opacity: 1;
      font-weight: 300;
      font-size: 40px;
      display: none; }
    .playPopup .pin-modal-wrapper .pin-require-form {
      padding: 50px 0; }
      .playPopup .pin-modal-wrapper .pin-require-form .pin-require-box {
        max-width: 100%;
        padding: 0 20px; }
    .playPopup .pin-modal-wrapper .input-PIN {
      font-size: inherit;
      margin-bottom: 40px; }
      .playPopup .pin-modal-wrapper .input-PIN .form-control {
        display: inline-block;
        font-size: 14px;
        width: 50px;
        height: 50px;
        border-radius: 8px;
        margin: 0 5px;
        text-align: center;
        font-size: 22px; }
    .playPopup .pin-modal-wrapper .btn-pin {
      min-width: 400px;
      padding: 8px 10px;
      height: 50px;
      font-size: 18px; }
      @media (max-width: 575px) {
        .playPopup .pin-modal-wrapper .btn-pin {
          min-width: 100%; } }
    .playPopup .pin-modal-wrapper .image-holder {
      width: 110px;
      margin: 0 auto; }
    .playPopup .pin-modal-wrapper .textInfo h5 {
      font-weight: 500;
      font-size: 18px;
      padding: 0 15px; }
  .playPopup .modal-dialog {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto !important; }
    .playPopup .modal-dialog .modal-content {
      background: none;
      border: none;
      box-shadow: none;
      height: 100%;
      max-width: 100%;
      margin: 0 auto;
      border-radius: 0;
      padding: 0; }
      .playPopup .modal-dialog .modal-content .modal-header {
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        padding: 20px 15px;
        display: block; }
        .playPopup .modal-dialog .modal-content .modal-header .close {
          color: #fff;
          text-shadow: none;
          opacity: 1;
          font-weight: 300;
          font-size: 50px;
          line-height: 1;
          margin-top: 0; }
      .playPopup .modal-dialog .modal-content .modal-body {
        padding: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0.8); }
        .playPopup .modal-dialog .modal-content .modal-body #lightbox-player-body {
          height: 100%; }
          .playPopup .modal-dialog .modal-content .modal-body #lightbox-player-body #player, .playPopup .modal-dialog .modal-content .modal-body #lightbox-player-body #bitmovinplayer-video-player {
            height: 100%;
            background: #000; }

.bitmovinplayer-container {
  width: 100% !important;
  height: 100% !important;
  min-height: calc(100vh - 70px) !important; }

.bmpui-container-wrapper .bmpui-ui-playbacktogglebutton {
  order: 1; }
.bmpui-container-wrapper .mPlayer-suggestions-wrap {
  display: none; }

.autosearch-wrap {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 11px;
  background: #2d2d2d;
  margin-top: 13px;
  width: 220px;
  display: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
  .autosearch-wrap .autosearch-box .autosearch-title {
    font-size: 12px;
    background: #222222;
    font-weight: 500;
    margin-bottom: 0;
    padding: 10px; }
  .autosearch-wrap .autosearch-box .search-media {
    list-style: none;
    padding: 0;
    margin: 0; }
    .autosearch-wrap .autosearch-box .search-media li {
      border-bottom: 1px solid #1b1b1b; }
      .autosearch-wrap .autosearch-box .search-media li a {
        display: block;
        padding: 10px; }
        .autosearch-wrap .autosearch-box .search-media li a:hover, .autosearch-wrap .autosearch-box .search-media li a:focus {
          text-decoration: none;
          background: #343434; }
      .autosearch-wrap .autosearch-box .search-media li .search-thumb {
        float: left;
        width: 30px; }
      .autosearch-wrap .autosearch-box .search-media li .search-excerpt {
        margin-left: 40px;
        opacity: .9;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s; }
        .autosearch-wrap .autosearch-box .search-media li .search-excerpt h6 {
          font-size: 12px;
          font-weight: 500;
          margin: 0; }
        .autosearch-wrap .autosearch-box .search-media li .search-excerpt p {
          margin-bottom: 0; }
      .autosearch-wrap .autosearch-box .search-media li:last-child {
        border-bottom: none; }
    .autosearch-wrap .autosearch-box .search-media.search-people .search-excerpt {
      margin-left: 0; }

section.pg-sn-popup {
  width: 320px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 94px;
  right: 10px;
  height: 60%;
  z-index: 9;
  padding-bottom: 15px; }
  section.pg-sn-popup:after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: 100px;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent; }
  section.pg-sn-popup .pg-sn-inn {
    height: 100%;
    overflow: hidden;
    position: relative; }
    section.pg-sn-popup .pg-sn-inn.active .pg-sn-listing {
      left: 0; }
  section.pg-sn-popup .pg-sn-detail {
    height: 100%; }
  section.pg-sn-popup .pg-sn-listing {
    height: 100%;
    left: -100%;
    z-index: 99;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    position: absolute;
    background: #222222;
    top: 0;
    width: 100%; }
    section.pg-sn-popup .pg-sn-listing .sn-listing-inn ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      section.pg-sn-popup .pg-sn-listing .sn-listing-inn ul li a {
        display: block;
        padding: 10px 15px;
        font-size: 12px;
        overflow: hidden;
        border-bottom: 1px solid #000; }
        section.pg-sn-popup .pg-sn-listing .sn-listing-inn ul li a .fa {
          float: right;
          margin-top: 4px; }
        section.pg-sn-popup .pg-sn-listing .sn-listing-inn ul li a:hover, section.pg-sn-popup .pg-sn-listing .sn-listing-inn ul li a:focus {
          background: #2d2d2d;
          color: #fff;
          text-decoration: none; }
  section.pg-sn-popup .pg-sn-popup-title {
    padding: 15px;
    margin-bottom: 0;
    background: transparent;
    font-weight: 600;
    line-height: auto;
    height: auto;
    font-size: 22px;
    color: #fff;
    display: flex;
    align-items: center; }
  section.pg-sn-popup .sn-back {
    font-size: 30px;
    padding-right: 15px; }
  section.pg-sn-popup .panel-group {
    margin-bottom: 0; }
  section.pg-sn-popup .scrollbar-inner {
    height: calc(100% - 45px);
    overflow: auto; }
  section.pg-sn-popup .panel {
    border: none;
    box-shadow: none; }
    section.pg-sn-popup .panel .panel-heading {
      border: none;
      padding: 0;
      background: #222222; }
      section.pg-sn-popup .panel .panel-heading .panel-title {
        font-size: 12px;
        font-weight: 400; }
        section.pg-sn-popup .panel .panel-heading .panel-title a {
          padding: 10px 15px;
          display: block;
          color: #fff;
          font-weight: 700; }
          section.pg-sn-popup .panel .panel-heading .panel-title a span {
            color: #f8222d;
            font-weight: normal; }
          section.pg-sn-popup .panel .panel-heading .panel-title a:hover, section.pg-sn-popup .panel .panel-heading .panel-title a:focus {
            text-decoration: none; }
          section.pg-sn-popup .panel .panel-heading .panel-title a:hover {
            background: #1a1a1a; }
    section.pg-sn-popup .panel .pg-sn-popup-content {
      overflow: hidden;
      color: #808080;
      display: block;
      padding: 15px; }
      section.pg-sn-popup .panel .pg-sn-popup-content .pg-sn-thumb {
        float: left;
        position: relative;
        width: 100px; }
        section.pg-sn-popup .panel .pg-sn-popup-content .pg-sn-thumb .play-btn {
          -moz-transform: scale(0.6);
          -o-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -webkit-transform: scale(0.6);
          transform: scale(0.6); }
        section.pg-sn-popup .panel .pg-sn-popup-content .pg-sn-thumb img {
          background-position: center top;
          background-repeat: no-repeat;
          background-size: cover;
          height: auto; }
      section.pg-sn-popup .panel .pg-sn-popup-content .pg-sn-excerpt {
        margin-left: 115px;
        color: #808080;
        font-size: 11px; }
      section.pg-sn-popup .panel .pg-sn-popup-content:hover, section.pg-sn-popup .panel .pg-sn-popup-content:focus {
        text-decoration: none; }
    section.pg-sn-popup .panel.active .panel-heading {
      background: #1a1a1a; }
  section.pg-sn-popup .panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: #1a1a1a;
    border: none;
    padding-top: 0; }
  section.pg-sn-popup .panel-group .panel + .panel {
    margin-top: 0; }

.bmpui-ui-controlbar {
  margin: 0; }

.video-title {
  font-size: 18px;
  font-weight: 700; }

.pin_bg {
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-color: #2d2d2d; }

.pin-require-form {
  /*background: rgba($black-color, .8);*/
  color: #fff;
  display: table;
  height: 100%;
  text-align: center;
  width: 100%; }
  .pin-require-form .pin-require-form-inn {
    display: table-cell;
    vertical-align: middle; }
  .pin-require-form .pin-require-box {
    max-width: 300px;
    margin: 0 auto; }
  .pin-require-form .alert-danger {
    background: #222222;
    border-color: #222222;
    color: #e91c23; }

.btn-pin {
  min-width: 136px;
  padding: 8px 10px; }

.mPlayer-wrap {
  position: relative;
  overflow: hidden; }
  .mPlayer-wrap .bmpui-ui-skin-modern .bmpui-controlbar-top .bmpui-ui-seekbar,
  .mPlayer-wrap .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar,
  .mPlayer-wrap .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar {
    height: 4px; }
  .mPlayer-wrap .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
  .mPlayer-wrap .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    top: -6px; }
  .mPlayer-wrap .bmpui-container-wrapper {
    align-items: center; }
    .mPlayer-wrap .bmpui-container-wrapper .bmpui-ui-playbacktogglebutton {
      order: 0;
      background-size: 14px;
      border: 2px solid #fff;
      border-radius: 50%;
      height: 45px !important;
      width: 45px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 18px; }
      .mPlayer-wrap .bmpui-container-wrapper .bmpui-ui-playbacktogglebutton.bmpui-off {
        background-position: 15px center; }
      .mPlayer-wrap .bmpui-container-wrapper .bmpui-ui-playbacktogglebutton.bmpui-on {
        background-position: 13px center; }
      @media (max-width: 575px) {
        .mPlayer-wrap .bmpui-container-wrapper .bmpui-ui-playbacktogglebutton {
          position: sticky;
          transform: translateX(0); } }
  .mPlayer-wrap .bmpui-ui-episodes {
    background-image: url("../images/episode.svg"); }

.mPlayer-suggestions-wrap {
  bottom: -100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s; }
  .mPlayer-suggestions-wrap.open {
    bottom: 60px; }
  .mPlayer-suggestions-wrap.live-ch-suggest.open {
    bottom: 60px; }
  .mPlayer-suggestions-wrap.live-chat-full.open {
    right: 30px; }

.live-chat-full {
  left: auto;
  right: -100%;
  width: 100%;
  bottom: 60px;
  max-width: 500px;
  height: calc(100% - 120px);
  background: none; }
  .live-chat-full .iv-chat-footer {
    background: #000;
    border-radius: 50px; }
  .live-chat-full .chat-input-send, .live-chat-full .chat-input-emoji {
    border-radius: 50px;
    color: #808080; }
  .live-chat-full .chat-input-send:hover, .live-chat-full .chat-input-emoji:hover {
    background: transparent;
    color: #fff; }
  .live-chat-full .chat-input-excerpt .form-control {
    border-color: #000;
    background: #000;
    color: #f5f7f8; }
  .live-chat-full .chat-emoji-list {
    border-color: #000;
    bottom: 54px; }
  .live-chat-full .iv-chat-row {
    border-radius: 15px 30px 15px 30px;
    padding: 15px;
    background: #fff;
    color: #0e0e0e;
    display: inline-block;
    margin-right: 15px; }
  .live-chat-full .chat-row-text {
    color: #666666; }
  .live-chat-full .iv-chat-row-wrap {
    text-align: right; }
  .live-chat-full .chat-row-excerpt {
    text-align: left; }
  .live-chat-full .chat-emoji-list {
    right: 15px; }
  .live-chat-full .chat-emoji-icon {
    width: 38px;
    height: 38px; }

.iv-full-chat-wrap {
  height: 100%; }

div.mPlayer-suggestions {
  padding: 20px 30px; }

.suggestion-item {
  position: relative;
  display: block;
  font-size: 12px;
  color: #fff; }
  .suggestion-item:hover, .suggestion-item:focus {
    text-decoration: none;
    color: #fff; }
  .suggestion-item .play-btn {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .suggestion-item:hover .play-btn {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

.suggestion-thumb img {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

div.suggestion-duration {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: 600;
  left: 5px;
  padding: 2px 5px;
  position: absolute;
  top: 5px;
  font-size: 10px;
  z-index: 9; }
  div.suggestion-duration span {
    color: #e00712;
    font-weight: 400; }

div.suggestion-label {
  padding-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mPlayer-suggestions-content .slick-arrow {
  background: #fff;
  top: -20px;
  font-size: 18px;
  color: #0e0e0e;
  padding: 1px 8px; }
.mPlayer-suggestions-content .slick-prev {
  left: auto;
  right: 30px; }
.mPlayer-suggestions-content .slick-next {
  right: 0; }

.iv-ch-content .mPlayer-suggestions-content .slick-arrow {
  background-color: transparent;
  color: #fff;
  top: 50%;
  font-size: 36px;
  opacity: 0;
  transition: all 0.5s ease; }
  .iv-ch-content .mPlayer-suggestions-content .slick-arrow.slick-prev {
    left: -20px; }
  .iv-ch-content .mPlayer-suggestions-content .slick-arrow.slick-next {
    right: -20px; }
.iv-ch-content .mPlayer-suggestions:hover .mPlayer-suggestions-content .slick-arrow {
  opacity: 1;
  transition: all 0.5s ease; }

.movie-suggestion .pg-movie-box {
  position: relative;
  font-size: 10px;
  display: block; }
  .movie-suggestion .pg-movie-box .movie-thumb img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
  .movie-suggestion .pg-movie-box .movie-name {
    font-size: 12px;
    margin-bottom: 8px; }
  .movie-suggestion .pg-movie-box .pg-rating .rating-start .fa {
    font-size: 12px; }
  .movie-suggestion .pg-movie-box .play-btn {
    top: 35%;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .movie-suggestion .pg-movie-box .dlt-btn {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .movie-suggestion .pg-movie-box .play-purchase-btn {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .movie-suggestion .pg-movie-box .movie-caption .movie-caption-inn {
    bottom: -100%;
    padding: 50px 10px 0; }
  .movie-suggestion .pg-movie-box:hover, .movie-suggestion .pg-movie-box:focus {
    text-decoration: none; }
  .movie-suggestion .pg-movie-box:hover {
    text-decoration: none; }
    .movie-suggestion .pg-movie-box:hover .play-btn {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .movie-suggestion .pg-movie-box:hover .movie-caption-inn {
      bottom: 0; }

.mPlayer-suggestions div.mPlayer-suggestions {
  padding: 20px 25px; }

.live-ch-suggest .channel-now {
  padding: 5px 5px 20px; }

.live-ch-suggest .channel-box .play-btn {
  top: 45%; }

.live-ch-suggest .lock-btn {
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 45%; }

.live-ch-suggest .channel-box:hover .play-btn {
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

.pg-vPlayer .plyr__controls .plyr__related {
  display: none; }

.pg-vPlayer .plyr--fullscreen-active .plyr__controls .plyr__related {
  display: inline-block; }

.pg-vPlayer .plyr__controls .plyr__chat {
  display: none; }

.pg-vPlayer .plyr--fullscreen-active .plyr__controls .plyr__chat {
  display: inline-block; }

.player-quality {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  bottom: 60px;
  right: 20px;
  width: 140px;
  font-size: 10px;
  position: absolute;
  z-index: 1;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.95); }
  .player-quality ul {
    list-style: none;
    padding: 0 0 5px;
    margin: 0; }
    .player-quality ul li {
      position: relative;
      cursor: pointer;
      padding: 8px 34px; }
      .player-quality ul li .fa {
        position: absolute;
        top: 10px;
        display: none; }
      .player-quality ul li .fa-check {
        left: 10px; }
      .player-quality ul li .fa-circle {
        right: 10px;
        top: 12px; }
      .player-quality ul li.quality-lable {
        padding-left: 10px;
        font-weight: bold;
        cursor: inherit;
        border-bottom: 1px solid #222222;
        margin-bottom: 5px; }
        .player-quality ul li.quality-lable:hover {
          background: transparent; }
      .player-quality ul li:hover {
        background: #222222; }
      .player-quality ul li.active .fa-check {
        display: block; }
      .player-quality ul li.current .fa-circle {
        display: block; }
  .player-quality.open {
    visibility: visible;
    opacity: 1; }

/*.pg-vPlayer .mPlayer-suggestions-wrap.open { 
    bottom: -100%;
}
.pg-vPlayer .plyr--stopped.plyr--fullscreen-active + .mPlayer-suggestions-wrap.open { 
    bottom: 50px;
    z-index: 10000000000;
}*/
.mb-player {
  padding: 15px 0;
  border-bottom: 1px solid #282828;
  box-shadow: 0 -1px 0 #000 inset;
  background: #202020;
  min-height: 200px;
  position: relative;
  font-size: 12px; }
  .mb-player .container {
    padding: 0 15px;
    max-width: 640px; }

.requestModal {
  color: #0e0e0e;
  text-align: center; }
  .requestModal .modal-content {
    background: #f0f3f5;
    color: #000; }
  .requestModal .close {
    color: #000;
    opacity: .9; }
  .requestModal .modal-header {
    border-color: #dadada;
    color: #000; }
  .requestModal .help-block {
    font-size: 11px;
    color: #000; }
  .requestModal hr {
    border-color: #dadada; }
  .requestModal .form-group {
    text-align: left; }
  .requestModal .form-control {
    background-color: #ddd;
    border-color: #dadada;
    box-shadow: none;
    color: #000; }
  .requestModal .pg-help-search-wrap .pg-help-search button {
    right: auto;
    left: 4px; }

.select2-container--bootstrap .select2-selection {
  border-radius: 0;
  background: #1b1b1b;
  border-color: #1b1b1b; }

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  background: #1b1b1b;
  border-color: #1b1b1b; }

.select2-container--bootstrap .select2-dropdown {
  border-radius: 0;
  background: #2d2d2d;
  border-color: #2d2d2d; }

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #1b1b1b; }

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #222222;
  color: #fff; }

.select2-container--bootstrap .select2-results__option {
  padding: 10px 12px; }

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #666666; }

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: inherit; }

.select2-dropdown .scrollbar-inner {
  height: 150px; }

.music-item {
  display: block;
  color: #f5f7f8;
  text-align: center;
  background: #0e0e0e;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative; }
  .music-item .vod-actions .btn-icon {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .music-item .music-item-thumb {
    position: relative;
    display: block;
    cursor: pointer; }
    .music-item .music-item-thumb .img-bg {
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
  .music-item .btn-more {
    color: #fff; }
    .music-item .btn-more:hover, .music-item .btn-more:focus {
      background: transparent;
      border-color: transparent;
      color: #fff; }
  .music-item .music-actions {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  .music-item:hover {
    text-decoration: none;
    background: #000;
    box-shadow: 0 0 15px #2d2d2d;
    color: #fff; }
    .music-item:hover .vod-actions .btn-icon {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .music-item:hover .music-item-thumb .img-bg {
      opacity: .5; }
    .music-item:hover .music-item-caption {
      color: #fff;
      text-decoration: none; }
    .music-item:hover .music-actions {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
  .music-item:focus {
    text-decoration: none;
    color: #fff; }
    .music-item:focus .music-item-caption {
      color: #fff;
      text-decoration: none; }
  .music-item .music-item-caption {
    padding: 12px 10px;
    color: #f5f7f8; }
    .music-item .music-item-caption:hover, .music-item .music-item-caption:focus {
      color: #fff;
      text-decoration: none; }
  .music-item .btn-link {
    color: rgba(255, 255, 255, 0.5); }
    .music-item .btn-link:hover, .music-item .btn-link:focus {
      color: white; }

.music-actions {
  position: absolute;
  top: 0;
  right: 0; }

.music-genre-item {
  display: block;
  overflow: hidden;
  color: #fff;
  text-align: center;
  position: relative; }
  .music-genre-item .vod-actions .btn-icon {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .music-genre-item .music-genre-thumb {
    position: relative; }
  .music-genre-item:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 0 15px #2d2d2d; }
    .music-genre-item:hover .vod-actions .btn-icon {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .music-genre-item:hover .genre-item-caption {
      background: rgba(0, 0, 0, 0.5); }
  .music-genre-item:focus {
    text-decoration: none;
    color: #fff; }
  .music-genre-item .genre-item-caption {
    position: absolute;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize; }

/*======Music Mobile Search=====*/
.m-search {
  width: 100%;
  position: relative;
  display: flex; }

.searchTerm {
  width: 100%;
  border-bottom: 2px solid #5b8885;
  border-right: none;
  border-top: none;
  border-left: none;
  padding: 8px;
  height: 40px;
  outline: none;
  color: #fff;
  background-color: #282828; }

.searchTerm:focus {
  color: #fff; }

.searchButton {
  width: 50px;
  height: 40px;
  border: 1px solid #5b8885;
  background: #5b8885;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 22px; }

/*======Music Mobile Search End=====*/
/*======Music Search=====*/
/*======Music Search End=====*/
/****** RTL ******/
/****** Global ******/
html[dir="rtl"] {
  /*    .pro-notification-listing ul li .notification-excerpt p {
          padding: 2px 30px 0 0;
      }*/
  /*bilal rtl fixes starts here*/
  /* Suggestion BAR */ }
  html[dir="rtl"] body {
    font-size: 14px;
    font-family: 'Vazir', sans-serif; }
  html[dir="rtl"] ol, html[dir="rtl"] ul {
    padding: 0; }
  html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9,
  html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9,
  html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9,
  html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9 {
    float: right; }
  html[dir="rtl"] .dt-search-toggle,
  html[dir="rtl"] .pg-header .pro-user,
  html[dir="rtl"] .pg-header .dt-search,
  html[dir="rtl"] .mb-ov ul li span {
    float: right; }
  html[dir="rtl"] .pull-left {
    float: right !important; }
  html[dir="rtl"] .mb-ov ul li .mb-ov-inn {
    margin-left: 0;
    margin-right: 100px; }
  @media (min-width: 768px) {
    html[dir="rtl"] .col-sm-offset-2 {
      margin-left: 0;
      margin-right: 16.66666667%; }
    html[dir="rtl"] .col-sm-offset-3 {
      margin-left: 0;
      margin-right: 25%; } }
  html[dir="rtl"] .lg-header .lg-head-right {
    text-align: left; }
  html[dir="rtl"] .lg-header .lg-head-right .pg-lang .dropdown-menu {
    right: auto;
    left: 0; }
  html[dir="rtl"] .text-right {
    text-align: left; }
  html[dir="rtl"] .text-left {
    text-align: right; }
  html[dir="rtl"] .pg-header .top-right-wrap {
    float: left; }
  html[dir="rtl"] .lang-custom-padding {
    float: right; }
  html[dir="rtl"] .pg-header .pro-user > ul > li .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right; }
  html[dir="rtl"] .pg-header .pg-sidenav-toggle {
    left: auto;
    right: 0; }
  html[dir="rtl"] .pg-header .pg-logo {
    padding: 15px 50px 15px 0; }
  html[dir="rtl"] .pg-sidenav {
    left: auto;
    right: 0;
    -moz-transform: translateX(260px);
    -o-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -webkit-transform: translateX(260px);
    transform: translateX(260px); }
  html[dir="rtl"] .main-wrap.open {
    -moz-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px); }
  html[dir="rtl"] .pg-sidenav.open {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  html[dir="rtl"] .pg-sidenav .sidenav-list ul li a > .fa {
    margin-left: 10px;
    margin-right: 0; }
  html[dir="rtl"] .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn {
    padding: 15px 15px 15px 90px; }
  html[dir="rtl"] .pg-user-summary .pg-user-thumb-full .pg-user-detail .pg-user-detail-inn .pro-edit-info {
    right: auto;
    left: 15px; }
  html[dir="rtl"] .pg-plan-summary .pg-current-plan ul li {
    padding-left: 0;
    padding-right: 40px; }
  html[dir="rtl"] .pg-plan-summary .pg-current-plan ul li span {
    left: auto;
    right: 0; }
  html[dir="rtl"] .pro-ov-widget .fa-angle-right:before, html[dir="rtl"] .link-arrow .fa-angle-right:before {
    content: "\f104"; }
  html[dir="rtl"] .pro-ov-widget {
    font-size: 12px; }
    html[dir="rtl"] .pro-ov-widget > .row > div[class*=col-]:nth-child(even) {
      text-align: left; }
  html[dir="rtl"] .pg-movies .slick-dots {
    right: auto;
    left: 0;
    text-align: left; }
  html[dir="rtl"] .pg-footer .socialLinks {
    text-align: left; }
  @media (max-width: 767px) {
    html[dir="rtl"] .pg-footer .socialLinks {
      text-align: center; } }
  html[dir="rtl"] .checkbox-inline, html[dir="rtl"] .radio-inline {
    padding-left: 0;
    padding-right: 20px; }
  html[dir="rtl"] .checkbox input[type=checkbox], html[dir="rtl"] .checkbox-inline input[type=checkbox], html[dir="rtl"] .radio input[type=radio], html[dir="rtl"] .radio-inline input[type=radio] {
    margin-left: 0;
    margin-right: -20px; }
  html[dir="rtl"] .close {
    float: left; }
  html[dir="rtl"] .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt h6 time {
    float: left;
    direction: ltr; }
  html[dir="rtl"] .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-thumb {
    float: right; }
  html[dir="rtl"] .pg-header .pro-user > ul > li.top-notification .dropdown-menu .top-not-excerpt {
    margin-right: 40px;
    margin-left: 0; }
  html[dir="rtl"] .autosearch-wrap .autosearch-box .search-media li .search-thumb {
    float: right; }
  html[dir="rtl"] .autosearch-wrap .autosearch-box .search-media li .search-excerpt {
    margin-right: 40px;
    margin-left: 0; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-excerpt ul li span {
    float: right; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-excerpt ul li .ov-excerpt-right {
    margin-left: 0;
    margin-right: 105px; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-right {
    right: auto;
    left: -30px; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left {
    padding-right: 0;
    padding-left: 333px; }
  html[dir="rtl"] .pg-modal .modal-dialog .modal-content .modal-header {
    right: auto;
    left: 0;
    margin-top: 5px; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head p span {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #676767; }
  html[dir="rtl"] .pg-tab-nav .nav-tabs > li {
    float: right; }
  html[dir="rtl"] .vod-actions .btn-icon .fa-play {
    text-indent: -3px; }
  html[dir="rtl"] .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom, html[dir="rtl"] .braintree-sheet__content--form,
  html[dir="rtl"] .mPlayer-wrap {
    direction: ltr; }
  html[dir="rtl"] .flagstrap-icon {
    margin-left: 10px;
    margin-right: 0 !important; }
  html[dir="rtl"] .pg-lang .caret {
    margin-left: 0 !important;
    margin-right: 10px; }
  html[dir="rtl"] .dm-wrap ul li .dm-list .dm-list-left {
    float: right; }
  html[dir="rtl"] .dm-wrap ul li .dm-list .dm-list-right {
    margin-left: 0;
    margin-right: 40px; }
  html[dir="rtl"] .dm-wrap ul li .dm-list .dm-list-right .dm-location span {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #464646; }
  html[dir="rtl"] .dm-wrap ul li .dm-list .device-dlt {
    right: auto;
    left: 15px; }
  html[dir="rtl"] .dm-wrap ul li .dm-list {
    padding: 15px 15px 15px 50px; }
  html[dir="rtl"] .pull-right {
    float: left !important; }
  html[dir="rtl"] .scrollbar-inner > .scroll-element.scroll-y {
    right: auto;
    left: 0; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-head .ov-rating {
    text-align: left; }
  html[dir="rtl"] .scroll-wrapper .iv-ch-items-inn {
    padding-right: 0;
    padding-left: 20px; }
  html[dir="rtl"] .iv-ch-items-list.iv-list-view li .iv-ch-item-thumb {
    float: right; }
  html[dir="rtl"] .iv-ch-items-list li .iv-ch-item-detail {
    padding-left: 10px;
    padding-right: 110px; }
  html[dir="rtl"] .iv-ch-items-list.iv-grid-view li {
    float: right; }
  html[dir="rtl"] .iv-ch-search .fa-search {
    left: auto;
    right: 0; }
  html[dir="rtl"] .plyr--video .plyr__controls {
    direction: ltr; }
  html[dir="rtl"] .iv-ch-detail-left {
    float: right; }
  html[dir="rtl"] .iv-ch-detail-right {
    margin-left: 0;
    margin-right: 115px; }
  html[dir="rtl"] .ch-playing-number {
    float: right;
    margin-right: 0;
    margin-left: 10px; }
  html[dir="rtl"] .ch-playing-actons {
    text-align: left; }
  html[dir="rtl"] .ch-playing-actons li + li {
    margin-left: 0;
    margin-right: 10px; }
  html[dir="rtl"] .iv-ch-filters-head .iv-filters-close {
    right: auto;
    left: 0; }
  html[dir="rtl"] .iv-ch-filters-head {
    padding: 10px 15px 10px 50px; }
  html[dir="rtl"] .nav-pills > li {
    float: right; }
  html[dir="rtl"] .iv-checkbox, html[dir="rtl"] .iv-radio {
    padding-right: 30px;
    padding-left: 0; }
  html[dir="rtl"] .iv-checkbox > span, html[dir="rtl"] .iv-radio > span {
    left: auto;
    right: 0; }
  html[dir="rtl"] .iv-ch-filters-footer .btn .fa {
    margin-left: 10px; }
  html[dir="rtl"] .pro-sub-title .switch {
    right: auto;
    left: 5px; }
  html[dir="rtl"] .pg-epg-left {
    float: right; }
  html[dir="rtl"] .pg-epg-right {
    margin-left: 0;
    margin-right: 220px; }
  html[dir="rtl"] .profile-wrap .alert-warning {
    padding: 15px 50px 15px 35px; }
  html[dir="rtl"] .profile-wrap .alert-warning .fa {
    left: auto;
    right: 15px; }
  html[dir="rtl"] .pro-device-listing ul li .device-icon {
    float: right; }
  html[dir="rtl"] .pro-device-listing ul li .device-excerpt {
    margin-left: 0;
    margin-right: 65px; }
  html[dir="rtl"] .pro-purchase-listing ul li .purchase-excerpt h6 small {
    float: left; }
  html[dir="rtl"] .pro-subscription-content .pro-current-pkg .pro-pkg-price {
    text-align: left; }
  html[dir="rtl"] .pro-sub-title .btn {
    right: auto;
    left: 0; }
  html[dir="rtl"] .ff-pay-tabs.nav-pills > li img {
    margin-right: 0;
    margin-left: 10px; }
  html[dir="rtl"] .iv-locked-thumb {
    float: right; }
  html[dir="rtl"] .iv-locked-excerpt {
    margin-left: 0;
    margin-right: 95px; }
  html[dir="rtl"] .iv-ff-head {
    padding-left: 0;
    padding-right: 32px; }
  html[dir="rtl"] .iv-ff-head .ff-back {
    left: auto;
    right: 0; }
  html[dir="rtl"] .fa-arrow-left:before {
    content: "\f061"; }
  html[dir="rtl"] .iv-ff-head .pull-right {
    margin-left: 0;
    margin-right: 10px; }
  html[dir="rtl"] .ff-back {
    margin-right: 0; }
  html[dir="rtl"] .pro-subscription-content .addon-ch-listing ul li {
    float: right; }
  html[dir="rtl"] .alert-dismissable, html[dir="rtl"] .alert-dismissible {
    padding-right: 0;
    padding-left: 35px; }
  html[dir="rtl"] .ff-close {
    right: auto;
    left: 0; }
  html[dir="rtl"] .pro-notification-listing ul li .notification-thumb {
    float: right; }
  html[dir="rtl"] .pro-notification-listing ul li .notification-excerpt {
    margin: 0 65px 0 30px; }
  html[dir="rtl"] .pro-notification-listing ul li .notification-excerpt p .notification-icon {
    margin-right: 0;
    margin-left: 10px; }
  html[dir="rtl"] .notification-icon {
    margin-right: 0;
    margin-left: 10px; }
  html[dir="rtl"] .pg-lang .dropdown-menu {
    right: auto;
    left: 0; }
  html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0; }
  html[dir="rtl"] .pg-filters .pg-filters-right .dropdown-menu {
    right: auto;
    left: 0; }
  html[dir="rtl"] .pg-filters .pg-filters-right {
    text-align: left; }
  @media only screen and (max-width: 767px) {
    html[dir="rtl"] .pg-filters .pg-filters-right {
      text-align: center !important; } }
  html[dir="rtl"] .requestModal .form-group {
    text-align: right; }
  html[dir="rtl"] a:hover .link-arrow, html[dir="rtl"] .btn:hover .link-arrow {
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: leftRight;
    -webkit-animation-duration: 1s; }
  html[dir="rtl"] .pg-sidenav .sidenav-list ul li .down-arrow {
    right: auto;
    left: 15px; }
  html[dir="rtl"] .pg-sidenav .sidenav-list .dropdown-menu {
    text-align: right; }
  html[dir="rtl"] .title-split > [class*=col-]:last-child {
    text-align: left; }
  html[dir="rtl"] .pg-movies .watching-slider .slick-prev, html[dir="rtl"] .pg-movies .fvt-slider .slick-prev {
    left: 0;
    right: auto; }
  html[dir="rtl"] .pg-movies .watching-slider .slick-next, html[dir="rtl"] .pg-movies .fvt-slider .slick-next {
    left: 30px; }
  html[dir="rtl"] .slick-dots {
    padding: 15px 0; }
  html[dir="rtl"] .play-btn .fa {
    vertical-align: middle; }
  html[dir="rtl"] .ov-player .play-btn .fa-play {
    text-indent: -3px; }
  html[dir="rtl"] .pg-movies .section-title {
    margin-right: 8px; }
  html[dir="rtl"] .pg-header .top-right-wrap > div + div {
    margin-left: 0;
    margin-right: 5px; }
  html[dir="rtl"] .pro-goback .btn-primary .fa-angle-double-left:before {
    content: "\f101"; }
  html[dir="rtl"] .iv-table-cell .play-btn .fa {
    padding-left: 5px; }
  html[dir="rtl"] .ov-excerpt ul li span {
    float: right;
    font-weight: 700;
    min-width: 100px; }
  html[dir="rtl"] .ov-excerpt ul li .ov-excerpt-right {
    margin-left: 0px; }
  html[dir="rtl"] .iv-points span + span {
    margin-right: 10px;
    padding-right: 10px;
    line-height: 13px;
    border-right: 1px solid #676767;
    margin-left: 0px;
    padding-left: 0px;
    border-left: 0px solid #676767; }
  html[dir="rtl"] .vod-purchased .fa-play {
    text-indent: -2px;
    margin-top: 6px; }
  html[dir="rtl"] .pg-sidenav .sidenav-list .dropdown-menu > li > a {
    padding: 10px 15px 10px 0px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: #fff;
    padding-right: 40px; }
  html[dir="rtl"] .pro-ov-widget .fa-angle-right:before, html[dir="rtl"] html[dir="rtl"] .link-arrow .fa-angle-right:before {
    margin-right: 5px; }
  html[dir="rtl"] .pkg-listing .text-left {
    text-align: right; }
  html[dir="rtl"] .vod-actions .btn-icon {
    line-height: 34px; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li a {
    padding-top: 2px; }
  html[dir="rtl"] .pg-tabs .ov-pane .ov-content .ov-content-left .over-tab .ov-actions ul li .dropdown-menu {
    left: 0px;
    right: -64px; }
  html[dir="rtl"] .pg-channels.episodes-ch .epi-excerpt h6 span {
    font-weight: 300;
    padding-left: 4px; }
  html[dir="rtl"] .alert-dismissable, html[dir="rtl"] html[dir="rtl"] .alert-dismissible {
    padding-left: 35px;
    text-align: right;
    padding-right: 8px; }
  html[dir="rtl"] .btn-rite {
    text-align: left; }
  html[dir="rtl"] .pro-subscription-content .pro-current-pkg .pro-pkg-price {
    text-align: center; }
  html[dir="rtl"] .itm-align {
    text-align: right; }
  html[dir="rtl"] .mb-15 span:nth-child(2) {
    right: 28px;
    left: 0px; }
  html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right; }
  html[dir="rtl"] .pg-tickets .tickets-head .tickets-filter {
    text-align: left; }
  html[dir="rtl"] .pg-detail-help .help-detail-item {
    text-align: right !important; }
  html[dir="rtl"] .pg-help-search-wrap .pg-help-search button {
    right: unset;
    left: 4px; }
  html[dir="rtl"] .purchase-excerpt .fa-angle-right:before {
    content: "\f104"; }
  html[dir="rtl"] .sc-alert {
    text-align: right; }
  html[dir="rtl"] .form-wrap form input {
    direction: ltr;
    text-align: right; }
  html[dir="rtl"] #saved_cards {
    text-align: right; }
  html[dir="rtl"] .pro-ov-widget img {
    margin-left: 4px;
    margin-right: 0px; }
  @media only screen and (max-width: 375px) and (min-width: 320px) {
    html[dir="rtl"] .pg-filters .col-sm-8 {
      float: none; }
    html[dir="rtl"] .pg-filters .col-sm-4 {
      float: none; }
    html[dir="rtl"] .pg-filters .pg-filters-right {
      text-align: center; } }
  html[dir="rtl"] .pg-movies .row {
    margin-right: 0px !important;
    margin-left: 0px !important; }
  @media (max-width: 767px) {
    html[dir="rtl"] .pg-movies .title-split > [class*=col-]:first-child {
      padding-top: 0;
      padding-bottom: 15px;
      float: none; } }
  @media (max-width: 479px) {
    html[dir="rtl"] .pro-purchase-listing ul li .purchase-excerpt [class*=col-] {
      width: 100%;
      text-align: right; } }
  @media (max-width: 479px) {
    html[dir="rtl"] .pro-purchase-listing ul li .purchase-excerpt h6 small {
      float: none; } }
  @media (max-width: 767px) {
    html[dir="rtl"] .pro-float {
      float: none; } }
  html[dir="rtl"] .pg-tickets .tickets-table .table > tbody > tr > td {
    text-align: right; }
  html[dir="rtl"] .pro-notification-listing ul li .notification-excerpt h6 small {
    direction: ltr; }
  html[dir="rtl"] .pro-direc {
    direction: ltr; }
  html[dir="rtl"] .custom-pro-btn {
    float: left; }
  html[dir="rtl"] .browser_suggeston_bar {
    text-align: right; }
  html[dir="rtl"] .browser_suggeston_bar_close {
    float: right;
    margin-left: -1px;
    margin-right: 0px; }
  html[dir="rtl"] .browser_suggeston_bar_cross {
    padding-bottom: 0px;
    margin-top: 2px; }
  html[dir="rtl"] .cst-btn-class {
    right: 20px;
    left: 0px;
    width: 100px; }
  html[dir="rtl"] .border-right {
    border-left: 1px solid #222; }
  html[dir="rtl"] .padding-left {
    padding-right: 36px; }
  @media (max-width: 767px) {
    html[dir="rtl"] #order_summary_page .col-md-12 {
      float: none; }
    html[dir="rtl"] #order_summary_page .col-md-2 {
      float: none; } }
  @media only screen and (max-width: 767px) {
    html[dir="rtl"] .play-store image {
      margin-top: 10px; } }
  html[dir="rtl"] .pg-tickets .tickets-table .table > thead > tr > th {
    border-color: #404040;
    text-align: right; }
  html[dir="rtl"] .homescreen-text {
    padding-right: 10px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    html[dir="rtl"] .fa-trash:before {
      margin-left: -4px !important; } }
  html[dir="rtl"] .store-img {
    /*        float: right;*/ }
  html[dir="rtl"] .btn-rtl {
    float: left !important; }
  html[dir="rtl"] .android-alert-text {
    position: relative;
    text-align: right;
    padding-right: 12px; }
  html[dir="rtl"] .iv-music-sidebar {
    right: 0; }
  html[dir="rtl"] .iv-music-content {
    margin-right: 250px;
    margin-left: 0px; }
  html[dir="rtl"] .mr-10 {
    margin-left: 10px;
    margin-right: 0; }
  html[dir="rtl"] .ml-5 {
    margin-right: 5px; }
  html[dir="rtl"] .music-nav ul li.active a {
    border-right: 4px solid transparent;
    border-left: none;
    border-color: #5b8885; }
  html[dir="rtl"] .music-search-icon {
    right: 0;
    border-right: 4px solid transparent;
    border-left: none; }
  html[dir="rtl"] .music-search-eraser {
    left: 0;
    right: inherit; }
  html[dir="rtl"] .mobile-search-loader {
    left: 0;
    right: inherit; }
  html[dir="rtl"] .iv-music-content .music-loader {
    left: 0;
    right: 250px; }
  html[dir="rtl"] .click_section_load_more_button {
    direction: ltr; }
  html[dir="rtl"] .click_load_more_button {
    direction: ltr; }
  html[dir="rtl"] .with-vod-actions .vod-actions {
    right: 35%;
    left: 70%; }
  html[dir="rtl"] .dropdown-menu-dark.dropdown-menu > li > a {
    color: #cecece;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 20px; }
  @media (max-width: 767px) {
    html[dir="rtl"] .music-right-side .dropdown-menu-dark.dropdown-menu > li > a {
      padding-right: 24px !important; } }
  html[dir="rtl"] .playlist-thumb {
    float: right; }
  html[dir="rtl"] .playlist-excerpt {
    margin-right: 250px;
    margin-left: 0px; }
  html[dir="rtl"] .music-playlist-body .btn-group .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right; }
  html[dir="rtl"] .music-pCenter {
    direction: ltr; }
  html[dir="rtl"] .rtl-float {
    float: right; }
  html[dir="rtl"] .pl-icon {
    margin-left: 16px;
    margin-right: 0; }
  html[dir="rtl"] .mr-5 {
    margin-left: 5px;
    margin-right: 0; }
  @media (max-width: 991px) {
    html[dir="rtl"] .music-nav ul li a .mr-10 {
      margin-left: 0 !important; } }
  @media (max-width: 991px) {
    html[dir="rtl"] .iv-music-content {
      margin-right: 52px;
      margin-left: 0; } }
  @media (max-width: 991px) {
    html[dir="rtl"] .pl-icon {
      margin-right: 0;
      margin-left: 0; } }
  @media (max-width: 991px) {
    html[dir="rtl"] .music-loader {
      right: 60px !important;
      background-size: 150px;
      background-position: calc(50% - 10px) calc(50% - 50px); } }
  @media (max-width: 767px) {
    html[dir="rtl"] .playlist-thumb {
      float: none !important; } }
  @media (max-width: 767px) {
    html[dir="rtl"] .playlist-excerpt {
      margin-right: 0; } }
  html[dir="rtl"] .iv-toast.show {
    left: 30px;
    opacity: 1;
    visibility: visible; }
  html[dir="rtl"] .iv-toast {
    left: -100%;
    right: auto; }
  html[dir="rtl"] .music-queue-wrap .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right; }
  html[dir="rtl"] .music-pLeft {
    float: right; }
  html[dir="rtl"] .music-pRight {
    float: left;
    text-align: left; }
  html[dir="rtl"] .music-queue-wrap {
    left: 0;
    right: auto; }
  html[dir="rtl"] .music-pLeft .text-right {
    text-align: left; }
  html[dir="rtl"] .music-playlist-head .btn .fa-pause {
    margin-right: 3px;
    margin-top: 3px;
    margin-left: 1px; }
  html[dir="rtl"] .music-playlist-head .btn .fa-play {
    margin-left: 3px;
    margin-top: 3px; }
  html[dir="rtl"] .icon-float {
    float: right; }
  html[dir="rtl"] .mChannel-thumb {
    float: right; }
  html[dir="rtl"] .mChannel-excerpt {
    margin-right: 75px;
    margin-left: 0; }
  @media only screen and (max-width: 767px) {
    html[dir="rtl"] .music-actions .fa {
      width: 10px;
      text-align: center;
      margin-right: 10px; } }
  html[dir="rtl"] .pro-subscription-content .pro-current-pkg {
    padding: 13px; }
  html[dir="rtl"] .music-item .music-actions {
    left: 0;
    right: auto; }
  html[dir="rtl"] .iv-music-section .music-actions .dropdown-menu {
    left: 0;
    right: auto; }
  html[dir="rtl"] .free-gtag {
    right: 0; }
  html[dir="rtl"] .free-gtag:after {
    left: -7px;
    right: unset; }
  html[dir="rtl"] .price-gtag {
    right: 0; }
  html[dir="rtl"] .price-gtag:after {
    left: -7px;
    right: unset; }
  html[dir="rtl"] .purchased-tag {
    right: 10px; }
  html[dir="rtl"] .vod-purchased {
    right: 10px; }
  html[dir="rtl"] .pg-footer .socialLinks ul li a span .fa-play {
    text-indent: 0px !important;
    padding-top: 8px !important; }