@charset "UTF-8";
@font-face {
  font-family: 'Yekan';
  src: url("../font/Yekan.eot");
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/Yekan.ttf") format("truetype");
  src: url("../font/Yekan.eot@#iefix") format("embedded-opentype"), url("../font/Yekan.woff") format("woff"), url("../font/Yekan.ttf") format("truetype"), url("../font/Yekan.svg#Yekan") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'IranSans';
  src: url("../font/IranSans/IranSansMedium.eot");
  src: url("../font/IranSans/IranSansMedium.eot@#iefix") format("embedded-opentype"), url("../font/IranSans/IranSansMedium.woff") format("woff"), url("../font/IranSans/IranSansMedium.ttf") format("truetype"), url("../font/IranSans/IranSansMedium.svg#IranSans") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'IranSansNumber';
  src: url("../font/IranSans/IRANSansWeb(FaNum).eot");
  src: url("../font/IranSans/IRANSansWeb(FaNum).eot@#iefix") format("embedded-opentype"), url("../font/IranSans/IRANSansWeb(FaNum).woff") format("woff"), url("../font/IranSans/IRANSansWeb(FaNum).ttf") format("truetype"), url("../font/IranSans/IRANSansWeb(FaNum).svg#IranSans") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'YekanNumbers';
  font-style: normal;
  font-weight: normal;
  src: url("../font/yekannumbers-regular.eot") format("embedded-opentype"), url("../font/yekannumbers-regular.woff") format("woff"), url("../font/yekannumbers-regular.ttf") format("truetype"); }

span, a, h1, h2, h3, h4, h5, h6, a, li, input, select, textarea, label, td, th, div {
  font-family: 'IranSansNumber', 'IranSans'; }

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

.col-xs-1 {
  float: right; }

.col-xs-10 {
  float: right; }

.col-xs-11 {
  float: right; }

.col-xs-12 {
  float: right; }

.col-xs-2 {
  float: right; }

.col-xs-3 {
  float: right; }

.col-xs-4 {
  float: right; }

.col-xs-5 {
  float: right; }

.col-xs-6 {
  float: right; }

.col-xs-7 {
  float: right; }

.col-xs-8 {
  float: right; }

.col-xs-9 {
  float: right; }

.navbar {
  margin-bottom: 0; }

.panel {
  border: 0 !important;
  margin-bottom: 15px; }


.container-fluid {
  padding-left: 0;
  padding-right: 0; }

ul {
  margin-bottom: 0; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff!important;
    background-color: #53b2f4!important;
}
.alert {
  direction: rtl; }
  .alert h5 {
    line-height: 26px; }

.alert-info {
  color: #a6144a;
  background-color: #efacc5;
  border-color: #efacc5;
  text-align: center;
  margin: 15px;
  padding: 5px;
  line-height: 22px;
  font-size: 12px; }

.btn-success {
  color: #fff;
  background-color: #71bd0c;
  border-color: #4cae4c; }
  .btn-success:hover {
    background-color: #5d9c0a;
    border-color: #398439; }

.panel-heading {
  float: right;
  display: block;
  width: 100%;
  border-bottom: 2px solid #ddd;
  padding-bottom: 0;
  margin-bottom: 10px; }
  .panel-heading > h3 {
    font-size: 13px;
    direction: rtl;
    font-weight: bold;
    line-height: 26px;
    white-space: nowrap;
    margin: 0;
    float: right;
    border-bottom: 2px solid #8d145b ;
    padding-bottom: 3px;
    color: #777;
    padding-left: 10px;
    margin-bottom: -2px; }
    .panel-heading > h3 > i {
      padding-left: 5px; }

.panel-body {
  display: block;
  width: 100%;
  padding-top: 0;
  direction: rtl; }

@media (min-width: 992px) {
  .col-md-1 {
    float: right; }
  .col-md-10 {
    float: right; }
  .col-md-11 {
    float: right; }
  .col-md-12 {
    float: right; }
  .col-md-2 {
    float: right; }
  .col-md-3 {
    float: right; }
  .col-md-4 {
    float: right; }
  .col-md-5 {
    float: right; }
  .col-md-6 {
    float: right; }
  .col-md-7 {
    float: right; }
  .col-md-8 {
    float: right; }
  .col-md-9 {
    float: right; } }

.col-xs-offset-right-12 {
  margin-right: 100%; }

.col-xs-offset-right-11 {
  margin-right: 91.66666667%; }

.col-xs-offset-right-10 {
  margin-right: 83.33333333%; }

.col-xs-offset-right-9 {
  margin-right: 75%; }

.col-xs-offset-right-8 {
  margin-right: 66.66666667%; }

.col-xs-offset-right-7 {
  margin-right: 58.33333333%; }

.col-xs-offset-right-6 {
  margin-right: 50%; }

.col-xs-offset-right-5 {
  margin-right: 41.66666667%; }

.col-xs-offset-right-4 {
  margin-right: 33.33333333%; }

.col-xs-offset-right-3 {
  margin-right: 25%; }

.col-xs-offset-right-2 {
  margin-right: 16.66666667%; }

.col-xs-offset-right-1 {
  margin-right: 8.33333333%; }

.col-xs-offset-right-0 {
  margin-right: 0; }

@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%; }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-sm-offset-right-9 {
    margin-right: 75%; }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-sm-offset-right-6 {
    margin-right: 50%; }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-sm-offset-right-3 {
    margin-right: 25%; }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-sm-offset-right-0 {
    margin-right: 0; } }

@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%; }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-md-offset-right-9 {
    margin-right: 75%; }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-md-offset-right-6 {
    margin-right: 50%; }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-md-offset-right-3 {
    margin-right: 25%; }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-md-offset-right-0 {
    margin-right: 0; } }

@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%; }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%; }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%; }
  .col-lg-offset-right-9 {
    margin-right: 75%; }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%; }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%; }
  .col-lg-offset-right-6 {
    margin-right: 50%; }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%; }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%; }
  .col-lg-offset-right-3 {
    margin-right: 25%; }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%; }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%; }
  .col-lg-offset-right-0 {
    margin-right: 0; } }

[data-toggle-class] {
  cursor: pointer; }

li.parsley-required {
  float: left;
  font-size: 10px;
  color: #8d145b ;
  line-height: 23px;
  text-align: left;
  width: 100%;
  display: block; }

li.parsley-min {
  float: left;
  font-size: 10px;
  color: #8d145b ;
  line-height: 23px;
  text-align: left;
  width: 100%;
  display: block; }

li.parsley-type {
  float: left;
  font-size: 10px;
  color: #8d145b ;
  line-height: 23px;
  text-align: left;
  width: 100%;
  display: block; }

li.parsley-minlength {
  float: left;
  font-size: 10px;
  color: #8d145b ;
  line-height: 23px;
  text-align: left;
  width: 100%;
  display: block;
  direction: rtl; }

li.parsley-equalto {
  float: left;
  font-size: 10px;
  color: #8d145b ;
  line-height: 23px;
  text-align: left;
  width: 100%;
  display: block; }

.shadow-box {
  box-shadow: 0 1px 1px #ccc; }

.text-success {
  direction: rtl;
  text-align: right;
  float: right; }

.validation-summary-errors ul {
  list-style: none;
  display: block;
  float: right;
  width: 100%; }
  .validation-summary-errors ul li {
    direction: rtl;
    text-align: right;
    float: right; }

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

.ltr {
  direction: ltr !important; }

.rtl {
  direction: rtl !important; }

.no-scroll {
  overflow: hidden !important; }

.hide {
  display: none; }

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

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

.padding-left {
  padding-left: 15px !important; }

.padding-right {
  padding-right: 15px !important; }

.border-bottom {
  border-bottom: 5px solid #fff; }

.border-top {
  border-top: 5px solid #fff; }

.gutter-xs {
  padding: 5px; }

.no-gutter-xs {
  padding: 0; }

.tv3-icon-megaphone::before {
  font-size: 14px; }

.tv3-icon-archive::before {
  font-size: 14px; }

.tv3-icon-news-details::before {
  font-size: 14px; }

.tv3-icon-about-us::before {
  font-size: 14px; }

.tv3-icon-frequency::before {
  font-size: 14px; }

.tv3-icon-menu::before {
  font-size: 14px; }

.tv3-icon-eyes::before {
  font-size: 14px;
  padding-right: 5px; }

.tv3-icon-today::before {
  font-size: 14px;
  padding-right: 5px; }

.repeat {
  color: #fff;
  background-color: #ff9800;
  padding: 1px 6px;
  border-radius: 10px;
  margin-right: 8px;
  line-height: 20px;
  font-size: 9px; }

.live {
  color: #fff;
  background-color: #4cae4c;
  padding: 1px 6px;
  border-radius: 10px;
  margin-right: 8px;
  font-size: 9px; }

.ios .ios-hidden {
  display: none !important; }

.interval-empty {
  display: block;
  height: 50px; }

.is-relative {
  position: relative; }

.is-nowrap {
  white-space: nowrap; }

@media (max-width: 992px) {
  .widget-profile-indicator.account-area {
    width: 100% !important;
    background-color: #fff !important; }
  .header .tv3-icon-register {
    float: left;
    display: inline;
    width: 50%;
    text-align: right;
    padding-left: 10px; }
    .header .tv3-icon-register::before {
      padding-right: 0 !important;
      display: block;
      line-height: 35px;
      height: 40px;
      padding-left: 5px;
      font-size: 13px;
      padding-top: 2px; }
  .header .profile-links {
    line-height: 40px !important;
    height: 40px;
    display: block !important;
    float: right;
    width: 100%;
    margin-bottom: 5px; }
    .header .profile-links .colored {
      padding-right: 0 !important;
      line-height: 40px;
      height: 40px;
      float: left;
      width: 50%;
      text-align: center; }
      .header .profile-links .colored a {
        background-color: #8d145b;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
        text-align: left !important;
        width: 100%; }
    .header .profile-links .login-link {
      display: inline-block;
      float: right;
      width: 100%;
      text-align: center; }
      .header .profile-links .login-link i {
        padding: 0 !important;
        padding-left: 5px !important; }
      .header .profile-links .login-link a {
        background-color: #8d145b;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
        text-align: center !important;
        width: 100%; }
  .header form.page-search-box {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    height: 40px !important;
    background: #8d145b; }
    .header form.page-search-box input {
      position: relative;
      top: -40px;
      padding: 0;
      direction: rtl;
      display: inline-block !important;
      margin: 0;
      height: 40px !important;
      text-indent: 5px;
      font-size: 12px !important;
      line-height: 40px;
      width: 89% !important;
      float: right;
      background-color: #8d145b !important;
      color: #ccc !important;
      border: 2px solid #8d145b !important; }
  .header form .search-btn {
    position: relative;
    top: 0;
    width: 40px !important;
    height: 40px !important;
    z-index: 1;
    background-color: #8d145b !important; }
    .header form .search-btn .tv3-icon-search::before {
      font-size: 32px !important;
      line-height: 39px !important;
      padding-left: 10px !important;
      height: 40px;
      border-right: 2px solid #fff !important;
      color: #fff !important; } }

@media (max-width: 992px) and (min-width: 766px) {
  .header-middle-row .container {
    width: 100% !important; } }

@media (max-width: 992px) {
  .header-middle-row .menu-header {
    padding: 0 !important;
    overflow: hidden; }
  .header-middle-row .mobile-menu-btn {
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important; }
  .header-middle-row .icon-live {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: relative;
    bottom: -5px;
    float: left; }
    .header-middle-row .icon-live a img {
      width: 100%;
      height: 100%; }
    .header-middle-row .icon-live .tv3-icon-live-tv {
      font-size: 16px; }
      .header-middle-row .icon-live .tv3-icon-live-tv::before {
        font-size: 36px;
        color: #8d145b ; }
  .mobile-menu {
    padding-top: 0 !important; }
    .mobile-menu ul li {
      line-height: 40px !important;
      border: 0 !important;
      background-color: #fff;
      margin-top: 0 !important; }
  .tv3-icon-logo-tv3::before {
    float: right;
    color: #8d145b ;
    font-size: 50px;
    padding-right: 10px !important; }
  .tv3-icon-search {
    display: block;
    float: left;
    height: 30px; }
    .tv3-icon-search::before {
      width: 100%;
      padding-left: 5px;
      padding-top: 1px; } }

@media (max-width: 768px) {
  .header form.page-search-box input {
    width: 82% !important;
    top: 0 !important; } }

@media (min-width: 376px) and (max-width: 992px) {
  .header form.page-search-box input {
    top: 0 !important; } }

.header {
  background-color: #fff;
  color: #fff;
  display: block;
  float: left;
  width: 100%;
  border: 0;
  border-radius: 0; }
  .header > .container {
    padding: 3px 0px !important;
    /*overflow: hidden;*/ }
  .header .account-area {
    display: block;
    float: left; }
    .header .account-area[data-state='logged-in'] {
      line-height: 26px; }
      .header .account-area[data-state='logged-in'] > div {
        display: inline-block; }
      .header .account-area[data-state='logged-in'] .user-name {
        font-weight: bold;
        color: #8d145b ;
        font-size: 12px;
        padding-right: 8px;
        border-radius: 2px;
        cursor: default;
        float: left;
        line-height: 30px;
        height: 30px;
        display: inline-block; }
  .header form.page-search-box {
    display: block;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-bottom: 2px; }
    .header form.page-search-box input {
      transition: width, opacity 100ms ease-in-out;
      padding: 0;
      margin: 0;
      height: 30px;
      display: inline-block;
      width: 0;
      opacity: 0;
      text-indent: 5px;
      font-size: 10px;
      background-color: #fff;
      color: #ccc; }
      .header form.page-search-box input .text-right {
        font-size: 10px; }
    .header form.page-search-box .search-btn {
      float: left;
      transition: width 100ms ease-in-out;
      display: inline-block;
      width: 30px;
      height: 30px;
      background-color: #8d145b;
      cursor: pointer; }
      .header form.page-search-box .search-btn .text-right {
        font-size: 10px; }
    .header form.page-search-box .tv3-icon-search::before {
      width: 100%;
      font-size: 23px;
      line-height: 30px;
      color: #fff;
      padding-left: 2px; }
    .header form.page-search-box.open .search-btn {
      border-radius: 0; }
    .header form.page-search-box.open input {
      margin-right: 5px;
      direction: rtl;
      opacity: 1;
      width: 150px;
      height: 30px;
      line-height: 40px;
      display: inline-block;
      border-radius: 0 !important;
      color: #000; }
  .header .profile-links {
    display: block;
    line-height: 16px; }
    .header .profile-links a {
      color: #fff;
      font-size: 10px;
      font-family: iransans;
      line-height: 24px; }
    .header .profile-links .login-link {
      display: inline-block;
      padding-top: 2px; }
      .header .profile-links .login-link a {
        margin-right: 0; }
        .header .profile-links .login-link a:hover {
          color: #8d145b ;
          text-decoration: inherit; }
      .header .profile-links .login-link i {
        padding-left: 0;
        padding-right: 5px; }
    .header .profile-links .colored {
      border-right: 1px solid #fff;
      padding-top: 2px;
      display: inline-block;
      padding-right: 10px; }
      .header .profile-links .colored a {
        color: #fff; }
        .header .profile-links .colored a:hover {
          color: #8d145b ;
          text-decoration: inherit; }
        .header .profile-links .colored a:active {
          color: #8d145b ;
          text-decoration: inherit; }
    .header .profile-links .loading {
      color: #fff; }
  .header .tv3-icon-register::before {
    padding-right: 10px;
    font-size: 15px; }
  .header .tv3-icon-exit-to-app {
    padding-left: 10px;
    padding-right: 2px; }
    .header .tv3-icon-exit-to-app::before {
      font-size: 15px; }
  .header .tv3-icon-setting::before {
    font-size: 15px;
    padding-right: 2px;
    padding-left: 5px; }
  .header .tv3-icon-logo-tv3::before {
    float: right;
    color: #8d145b ;
    font-size: 50px; }
  .header .tv3-icon-menu::before {
    font-size: 42px;
    padding-top: 3px; }

.header-middle-row {
  display: block;
  width: 100%;
  float: right;
  background: #fff; }
  .header-middle-row .btn {
    padding: 0;
    padding-top: 6px; }
  .header-middle-row .menu-header {
    padding-right: 0;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 10px; }
  .header-middle-row .logo-wrapper {
    padding-right: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  .header-middle-row .navbar-collapse ul {
    padding-right: 0 !important; }
    .header-middle-row .navbar-collapse ul li {
      /*padding-right: 0px ;*/
      float: right; }
      .header-middle-row .navbar-collapse ul li a {
        color: #000;
        font-size: 12px;
   }
        .header-middle-row .navbar-collapse ul li a:hover {
          color: #8d145b ; }
        .header-middle-row .navbar-collapse ul li a:focus {
          color: #8d145b ; }
        .header-middle-row .navbar-collapse ul li a.active, .header-middle-row .navbar-collapse ul li a:active {
          color: #8d145b ; }
      .header-middle-row .navbar-collapse ul li .tv3-logo {
        padding-top: 5px;
        padding-bottom: 0; }
      .header-middle-row .navbar-collapse ul li img {
        vertical-align: inherit !important;
        width: 60px;
        height: 36px; }
  .header-middle-row .menu-mobile-open {
    overflow: hidden; }
  .header-middle-row .mobile-menu-btn {
    margin-left: 0;
    margin-top: 0; }
  .header-middle-row .tv3-menu {
    color: #555;
    font-size: 36px;
    display: inline-block;
    float: left; }
  .header-middle-row .tv3-icon-logo {
    float: right;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    display: inline-block; }
  .header-middle-row .big-action-btn a {
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #8d145b;
    border-radius: 4px;
    font-size: 12px; }
    .header-middle-row .big-action-btn a:hover {
      color: #bbb !important; }
  .header-middle-row .big-action-btn .live-btn {
    background-color: #8d145b ;
    margin-left: 15px; }
    .header-middle-row .big-action-btn .live-btn:hover {
      color: #000 !important;
      text-decoration: none; }
    .header-middle-row .big-action-btn .live-btn:active {
      color: #000 !important;
      text-decoration: none; }
  .header-middle-row nav {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background-color: #fff;
    height: auto; }
    .header-middle-row nav ul.menu > li > a {
      float: right;
      font-size: 11px;
      height: 40px;
      width: auto;
      padding-right: 15px;
      font-weight: bold;
      color: #444;
      letter-spacing: -.25px; }
      .header-middle-row nav ul.menu > li > a.highlight {
        background-color: #8d145b ;
        color: #fff;
        border-radius: 4px;
        line-height: 40px;
        height: auto;
        padding: 0 10px; }
      .header-middle-row nav ul.menu > li > a:hover {
        color: #8d145b  !important; }
    .header-middle-row nav .app-button > a {
      background-color: #8d145b !important; }
    .header-middle-row nav .search-button > a {
      background-color: #8d145b !important;
      height: 40px !important;
      width: 40px !important; }
    .header-middle-row nav .live-button {
      border-radius: 4px;
      font-weight: normal;
      background-color: #8d145b ;
      color: #fff; }
    .header-middle-row nav nav ul.menu > li.live-btn > a:hover {
      color: #ccc !important; }
  .header-middle-row .tv3-icon-apple::before {
    font-size: 15px; }
  .header-middle-row .tv3-icon-android::before {
    font-size: 15px; }
  .header-middle-row .tv3-icon-play::before {
    padding-right: 2px;
    font-size: 15px; }
  .header-middle-row .logo-tv3 img {
    width: 75px; }
  .header-middle-row .tv3.icon-apple {
    padding-right: 4px;
    padding-left: 8px; }
  .header-middle-row .margin-right {
    margin-right: 15px; }

.mobile-menu {
  position: fixed;
  z-index: 99999999 !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff !important;
  padding: 15px;
  overflow: scroll; }
  .mobile-menu .widget-profile-indicator--image,
  .mobile-menu .search-area {
    display: none !important; }
  .mobile-menu .mobile-menu--app-link {
    background: #8d145b;
    color: #fff; }
  .mobile-menu .mobile-menu--live-link {
    background: #8d145b ;
    color: #fff; }
    .mobile-menu .mobile-menu--live-link:hover {
      color: #000; }
  .mobile-menu .mobile-menu--header {
    display: block;
    float: right;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #808080; }
    .mobile-menu .mobile-menu--header img {
      float: right;
      height: 90%; }
    .mobile-menu .mobile-menu--header .mobile-menu--close {
      display: block;
      color: #000;
      width: 48px;
      height: 48px;
      float: left;
      line-height: 48px;
      font-size: 28px;
      text-align: center !important; }
      .mobile-menu .mobile-menu--header .mobile-menu--close::before {
        display: block;
        color: #000;
        width: 48px;
        height: 48px;
        float: left;
        line-height: 48px;
        text-align: center !important; }
  .mobile-menu ul {
    display: block;
    width: 100%;
    float: right;
    padding: 0; }
    .mobile-menu ul li {
      display: block;
      width: 100%;
      line-height: 48px;
      margin: 6px 0 0;
      padding: 0; }
      .mobile-menu ul li a {
        display: block;
        width: 100%;
        float: right;
        color: #000;
        background: #e9e9e9;
        font-size: 16px;
        text-align: right !important;
        text-indent: 10px !important;
        direction: rtl;
        font-family: "IranSans", "Yekan", "tahoma"; }
        .mobile-menu ul li a:hover {
          color: #8d145b ; }

.mobile-app-bar {
  background-color: #fff; }
  .mobile-app-bar.is-android .item.android {
    display: block; }
  .mobile-app-bar.is-android a {
    background-color: #71bd0c;
    color: #fff;
    border-color: #6b894a;
    border-radius: 3px;
    position: relative;
    display: block;
    line-height: 30px; }
    .mobile-app-bar.is-android a:hover {
      text-decoration: none;
      outline: 0;
      background: #5d9c0a; }
  .mobile-app-bar .image-container {
    background-color: #8d145b ;
    display: block;
    line-height: 30px;
    margin: 10px;
    width: 45px;
    height: 45px;
    position: relative;
    padding: 5px;
    box-sizing: content-box;
    border-radius: 10px;
    margin-right: 15px; }
  .mobile-app-bar .mobile-app-bar--android {
    border-top: 10px solid #ddd; }
  .mobile-app-bar .mobile-app-bar--dl {
    padding-top: 20px;
    padding-left: 15px; }
  .mobile-app-bar .item {
    display: none; }
  .mobile-app-bar .title {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    line-height: 30px;
    color: #000; }
    .mobile-app-bar .title > span {
      font-size: 11px !important; }
    .mobile-app-bar .title .main > h5 {
      margin-bottom: 0 !important; }

@media (min-width: 376px) and (max-width: 393px) {
  .header form.page-search-box input {
    top: -40px !important; } }

.header .member-territory {
  line-height: 30px; }
  .header .member-territory a {
    font-size: 12px; }

html,
body {
  overflow-x: hidden;
  max-width: 100%; }

body {
  background-color: #e9e9e9; }

.container {
  max-width: 100% !important;
  /*overflow-x: hidden !important;*/ }

a:hover {
  text-decoration: none !important; }

a:focus {
  text-decoration: none !important; }

section.home {
  display: block;
  float: right;
  width: 100%; }

section.content {
  display: block;
  width: 100%;
  float: right; }

section.program {
  display: block;
  width: 100%;
  float: right; }

.mobile-app-bar {
  width: 100%;
  float: right; }

.page-content {
  display: block;
  width: 100%;
  float: left;
  padding-top: 0px; }

@media (max-width: 740px) {
  .page-content {
    display: block;
    width: 100%;
    float: left; } }

@media (max-width: 768px) {
  .page-content {
    display: block;
    width: 100%;
    float: left;
    padding-top: 15px; } }

@media (max-width: 740px) and (min-width: 260px) {
  header > nav {
    height: 80px !important; } }

a.is-white {
  color: #fff; }
  a.is-white:hover {
    color: #8d145b ; }

.clr {
  clear: both; }

@media (max-width: 767px) {
  .footer--direct-link {
    padding-right: 15px; }
  .footer un {
    padding-right: 25px; } }

@media (min-width: 1024px) {
  .contact-number li {
    float: right !important; } }

@media (min-width: 260px) and (max-width: 991px) {
  .footer .direct-link li {
    padding-right: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important; }
  .footer .footer--link {
    margin: 0; }
    .footer .footer--link li {
      background: #909090;
      height: 48px !important;
      line-height: 48px !important;
      margin-bottom: 5px; }
      .footer .footer--link li a {
        text-align: right !important;
        text-align-last: right !important;
        width: 100%;
        height: 48px !important;
        line-height: 48px !important;
        display: block; }
        .footer .footer--link li a:hover {
          color: #8d145b ;
          text-decoration: none;
          font-weight: bold; }
  .footer .footer--logo .tv3-icon-logo-tv3 {
    float: initial !important;
    padding-right: 25px; }
    .footer .footer--logo .tv3-icon-logo-tv3::before {
      width: 100%; }
  .footer .footer--logo span {
    }
  .footer .contact-number {
    float: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .direct-link--icon-program span {
    font-size: 9px !important;
    letter-spacing: -.25px;
    word-spacing: 0 !important;
    padding-right: 5px; } }

.footer {
  background-image:url(/img/fetr/back.jpg);
  color: #fff;
  display: block;
  float: left;
  width: 100%;
  padding-top: 30px; }
  @media (min-width: 960px) {
    .footer .row {
      width: 96%;
      margin: 0 2%; } }
  .footer ul {
    list-style: none;
    font-size: 11px;
    float: right;
    direction: rtl; }
    .footer ul li {
      font-size: 12px; }
  .footer .footer--link {
    padding: 0; }
    .footer .footer--link li a {
      line-height: 50px;
      height: 48px !important;
      color: #000; }
      .footer .footer--link li a:hover {
        color: #53b2f4 ;
        text-decoration: none;
        font-weight: bold; }
  .footer .contact-number {
    line-height: 50px;
    padding-right: 10px; }
    .footer .contact-number .tv3-icon-sms::before {
      font-size: 25px;
      padding-left: 10px; }
    .footer .contact-number .tv3-icon-phone::before {
      font-size: 25px;
      padding-left: 10px; }
    .footer .contact-number .tv3-icon-email-outline::before {
      font-size: 25px;
      padding-left: 10px; }
    .footer .contact-number .tv3-icon-email-outline img {
      padding-right: 0 !important; }
    .footer .contact-number .text-right {
      direction: ltr !important;
      text-align: center; }
  .footer .tv3-icon-logo-tv3::before {
    line-height: 100px !important;
    font-size: 100px !important;
    color: #393b4f !important;
    padding-right: 38px; }
  .footer .footer--logo {
    text-align: center; }
    .footer .footer--logo .tv3-icon-logo-tv3 {
      display: block;
      margin: 0 auto;
      text-align: center;
      float: left; }
    .footer .footer--logo span {
           display: block;
    width: 100%;
    float: right;
    padding-right: 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;}
  .footer .copy-right {
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    background-color: #232533;
    min-height: 27px;
    line-height: 27px;
    direction: rtl; }
    .footer .copy-right span {
      float: right;
      text-align: center;
      /*font-size: 9px;*/
      line-height: 28px; }
      .footer .copy-right span.en {
        float: left;
        letter-spacing: 2px;
        direction: ltr; }

.footer--direct-link {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px !important;
  width: 100%;
  display: block;
  float: right; }
  @media (max-width: 425px) {
    .footer--direct-link {
      padding: 0 15px !important;
      margin: 0 0 10px !important; }
      .footer--direct-link .direct-link--icon-program span {
        padding-right: 10px !important; } }
  @media (max-width: 768px) {
    .footer--direct-link div {
      padding: 0 !important;
      margin: 0 0 10px !important; } }
  .footer--direct-link .direct-link--icon-program {
    display: block;
    width: 100%;
    border-radius: 50px;
    height: 60px;
    background-color: #fff;
    overflow: hidden; }
    .footer--direct-link .direct-link--icon-program i {
      width: 60px;
      float: right;
      height: 60px;
      line-height: 60px !important;
      background: #8d145b ;
      color: #fff;
      font-size: 14px;
      text-align-last: auto !important;
      text-align: center;
      border-radius: 50%;
      vertical-align: middle; }
      .footer--direct-link .direct-link--icon-program i::before {
        width: 60px;
        height: 60px;
        line-height: 58px !important;
        text-align-last: auto !important;
        text-align: center; }
    .footer--direct-link .direct-link--icon-program span {
      line-height: 60px !important;
      font-size: 10px;
      margin-bottom: 0 !important;
      margin-top: 0 !important;
      word-spacing: 2px;
      float: right;
      color: #000;
      padding-right: 5px; }
      .footer--direct-link .direct-link--icon-program span:hover {
        color: #8d145b ;
        font-weight: bold; }
        .footer--direct-link .direct-link--icon-program span:hover i::before {
          color: #8d145b  !important; }
  .footer--direct-link .tv3-icon-live-tv::before {
    font-size: 40px !important; }
  .footer--direct-link .tv3-icon-satellite::before {
    font-size: 40px; }
  .footer--direct-link .tv3-icon-cup::before {
    font-size: 40px; }

.copy-right {
  /*display: none !important;*/ }

@media (min-width: 260px) and (max-width: 991px) {
  .direct-link li {
    padding: 0 !important;
    margin: 10px !important;
    margin-bottom: 10px !important; } }

@media (max-width: 1023px) {
  .direct-link > div {
    padding: 0 !important;
    margin: 0 0 10px !important; }
  .direct-link .direct-link--icon-program span {
    font-size: 14px !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important; } }

.direct-link {
  margin-bottom: 0 !important;
  width: 100%;
  float: right;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  display: none !important; }
  .direct-link a:hover {
    text-decoration: none;
    color: #bbb;
    font-weight: bold; }
  .direct-link > div a {
    display: block;
    min-height: 90px;
    position: relative;
    color: #fff; }
  .direct-link .direct-link--icon-program {
    width: 100%;
    height: 110px;
    background-color: #393b4f;
    overflow: hidden; }
    .direct-link .direct-link--icon-program i {
      width: 110px;
      float: right;
      height: 110px;
      line-height: 110px !important;
      background: #8d145b ;
      font-size: 14px;
      text-align-last: auto !important;
      text-align: center;
      vertical-align: middle; }
      .direct-link .direct-link--icon-program i::before {
        width: 110px;
        height: 110px;
        line-height: 110px !important;
        text-align-last: auto !important;
        text-align: center; }
    .direct-link .direct-link--icon-program span {
      line-height: 110px !important;
      font-size: 16px;
      padding-right: 0 !important;
      margin-bottom: 0 !important; }
  .direct-link .tv3-icon-table::before {
    font-size: 75px;
    line-height: 110px; }
  .direct-link .tv3-icon-telegram::before {
    font-size: 75px;
    line-height: 110px; }
  .direct-link .tv3-icon-live-tv::before {
    font-size: 75px;
    line-height: 110px; }

.m3g-conductor * {
  user-select: none; }

.m3g-conductor.horizontal {
  position: relative;
  background-color: #534bb5;
  box-shadow: 0 0 10px #ccc inset;
  background-image: url("../img/m3g-1.jpg");
  background-size: cover;
  padding-top: 5px;
  margin-bottom: 15px; }
  .m3g-conductor.horizontal .btn-two-part {
    font-size: 11px;
    background-color: #0fa8db;
    padding: 0 28px 0 5px;
    border-radius: 2px;
    position: relative;
    transition: background-color .3s ease-out; }
  .m3g-conductor.horizontal .tv3-icon-download::before {
    line-height: 27px; }
  .m3g-conductor.horizontal .nav-button {
    top: 60%; }
  .m3g-conductor.horizontal .swiper-container {
    width: 92%;
    margin-right: 4%;
    padding: 42px 20px 5px !important; }
  .m3g-conductor.horizontal .conductor-list-wrapper {
    height: 98px;
    width: 1180px;
    overflow: hidden;
    list-style: none; }
  .m3g-conductor.horizontal li {
    position: relative;
    background-color: #000;
    margin: 58px 2px 5px;
    padding: 5px 4px;
    border-left: 2px solid #000;
    box-shadow: 0 0 10px #333 inset;
    float: right;
    min-height: 25px !important;
    line-height: 27px;
    direction: rtl;
    text-align: right; }
    .m3g-conductor.horizontal li.now {
      color: #fff;
      font-weight: bolder;
      background-color: #ffe712;
      border-color: #736c16;
      box-shadow: 0 0 10px #5f5804 inset; }
      .m3g-conductor.horizontal li.now .title {
        font-size: 11px;
        color: #333; }
    .m3g-conductor.horizontal li .description {
      display: none; }
      .m3g-conductor.horizontal li .description div {
        width: 100%; }
    .m3g-conductor.horizontal li .title {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: #fff;
      font-size: 11px;
      font-weight: normal; }
    .m3g-conductor.horizontal li .now-indicator {
      position: absolute;
      display: inline-block;
      border-radius: 2px;
      color: #fff;
      z-index: 10;
      border: 1px solid #71bd0c;
      background-color: #71bd0c;
      box-shadow: 0 0 6px #4b7315 inset;
      bottom: 35px;
      right: 35%;
      width: 55px;
      transform: rotate(-10deg);
      font-size: 10px !important;
      line-height: 18px;
      height: 18px !important;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
    .m3g-conductor.horizontal li .end {
      position: absolute;
      display: inline-block;
      padding: 0 4px;
      line-height: 18px;
      border-radius: 2px;
      color: #fff;
      z-index: 10;
      bottom: -16px;
      left: 0;
      background-color: #002525;
      font-size: 10px !important;
      height: 18px !important;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
    .m3g-conductor.horizontal li .start {
      position: absolute;
      display: inline-block;
      padding: 0 4px;
      line-height: 18px;
      border-radius: 2px;
      color: #fff;
      z-index: 10;
      top: -17px;
      right: 0;
      background-color: #8d145b ;
      font-size: 10px !important;
      height: 18px !important;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
    .m3g-conductor.horizontal li .too-small .start {
      top: -26px !important;
      height: initial !important; }
      .m3g-conductor.horizontal li .too-small .start::before {
        height: 16px !important;
        bottom: -8px !important; }
    .m3g-conductor.horizontal li .too-small.too-small-rightafter .start {
      top: -40px !important; }
      .m3g-conductor.horizontal li .too-small.too-small-rightafter .start::before {
        height: 30px !important;
        bottom: -22px !important; }
    .m3g-conductor.horizontal li.too-small .end {
      display: none; }
    .m3g-conductor.horizontal li.too-small .start {
      top: -37px; }
      .m3g-conductor.horizontal li.too-small .start::before {
        content: '';
        width: 2px;
        height: 30px;
        background-color: #8d145b ;
        opacity: .85;
        position: absolute;
        bottom: -19px;
        right: 0; }
    .m3g-conductor.horizontal li.too-small.too-small-rightafter .start {
      top: -56px;
      background-color: #008d9e; }
      .m3g-conductor.horizontal li.too-small.too-small-rightafter .start::before {
        height: 50px;
        bottom: -38px;
        background-color: #008d9e;
        z-index: 2; }
  .m3g-conductor.horizontal h3 {
    margin: 10px;
    color: #fff;
    font-size: 17px;
    text-align: right;
    line-height: 27px; }
    .m3g-conductor.horizontal h3 > a {
      float: left;
      color: #fff; }
      .m3g-conductor.horizontal h3 > a:hover {
        text-decoration: none;
        background-color: #1797c1; }
      .m3g-conductor.horizontal h3 > a > .download-btn {
        color: #fff; }
        .m3g-conductor.horizontal h3 > a > .download-btn:hover {
          background-color: #29aad4; }

.tpd-title-spacer {
  float: right !important; }

.tpd-content-wrapper {
  height: auto !important;
  direction: rtl !important; }

.tpd-title-wrapper {
  direction: rtl !important;
  height: auto !important; }

.tpd-content-relative-padder {
  float: right; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 15px !important; }

.btn-two-part div {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  text-align: center;
  background-color: #1797c1;
  border-left: 1px solid #138bb3;
  height: 100%; }

.btn-two-part:hover {
  background-color: #1797c1;
  color: #fff; }
  .btn-two-part:hover div {
    background-color: #29aad4;
    transition: background-color .3s ease-out; }

.programs-icon-wrapper {
  background-color: #fff;
  padding: 15px; }
  .programs-icon-wrapper ul {
    list-style: none;
    padding: 15px; }
    .programs-icon-wrapper ul li {
      margin: 0 !important;
      z-index: 1; }
      .programs-icon-wrapper ul li a {
        display: block;
        float: right; }
      .programs-icon-wrapper ul li img {
        height: 64px;
        width: 64px;
        padding-top: 5px; }
  .programs-icon-wrapper .tooltip {
    position: relative;
    display: block;
    opacity: 1; }
    .programs-icon-wrapper .tooltip .tooltiptext {
      visibility: hidden;
      width: 100%;
      display: block;
      float: right;
      background-color: #000;
      opacity: .6;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      margin: 10px;
      top: -40px; }
    .programs-icon-wrapper .tooltip:hover .tooltiptext {
      visibility: visible; }

.hometopnews {
  display: block;
  width: 100%;
  float: right;
  height: 300px;
  margin-bottom: 0px;
  overflow: hidden; }
  .hometopnews .sp-thumbnail-container {
    margin: 0 5px !important;
    float: right !important;
    transition: width ease-in-out .7s; }
  .hometopnews .thumbnail-image-container {
    display: block;
    width: 90px;
    float: right; }
  .hometopnews .post-thumbnail {
    position: relative; }
  .hometopnews .sp-bottom-thumbnails {
    margin-top: -72px !important;
    width: 90% !important;
    z-index: 1000;
    margin-bottom: 30px; }
  .hometopnews .sp-thumbnails {
    transform: translate3d(0, 0, 0) !important;
    width: 100% !important;
    transition: width ease-in-out .4s, background-color ease-in-out .4s; }
    .hometopnews .sp-thumbnails img {
      float: right;
      transition: border ease-in-out .4s, border-color ease-in-out .4s, margin ease-in-out .4s, filter ease-in-out .4s;
      border: 1px solid #000;
      filter: grayscale(1);
      margin-left: 10px; }
  .hometopnews .thumbnail-description {
    display: none;
    float: right;
    visibility: hidden;
    opacity: 0;
    margin-right: 10px;
    transition: opacity ease-in-out .4s, color ease-in-out .4s, margin ease-in-out .4s;
    margin-top: 18px;
    color: #fff;
    text-align: right; }
    .hometopnews .thumbnail-description a {
      color: #fff;
      text-indent: 10px;
      direction: rtl; }
      .hometopnews .thumbnail-description a:hover {
        color: #000; }
  .hometopnews .sp-selected-thumbnail {
    display: block;
    width: 35% !important;
    background-color: #8d145b ; }
    .hometopnews .sp-selected-thumbnail img {
      filter: grayscale(0); }
    .hometopnews .sp-selected-thumbnail .thumbnail-description {
      display: block;
      visibility: visible;
      opacity: 1;
      font-size: 16px; }
  .hometopnews .sp-image {
    transition: filter ease-in-out .4s; }
    .hometopnews .sp-image:hover {
      filter: brightness(100%); }
  .hometopnews .sp-slides-container {
    position: relative;
    z-index: 10; }
  .hometopnews .sp-thumbnail-image {
    width: 100%;
    height: 100%;
    min-height: 60px !important; }

@media (max-width: 768px) {
  .hometopnews {
    height: 160px !important; }
    .sp-mask.sp-grab {
      height: 160px !important;
  }
    .hometopnews .sp-image-container img {
      margin-top: 0 !important; }
    .hometopnews .sp-thumbnails-container {
      height: 28px !important;
      bottom: -20px !important;
      top: auto !important; }
    .hometopnews .thumbnail-image-container img,
    .hometopnews .sp-selected-thumbnail img {
      display: none; }
    .hometopnews .sp-thumbnail-container {
      display: none; }
    .hometopnews .sp-selected-thumbnail.sp-thumbnail-container {
      display: block;
      float: right;
      height: 24px;
      line-height: 24px;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important; }
      .hometopnews .sp-selected-thumbnail.sp-thumbnail-container .sp-thumbnail {
        display: block;
        float: right;
        width: 100%;
        height: 24px;
        line-height: 24px; }
      .hometopnews .sp-selected-thumbnail.sp-thumbnail-container .thumbnail-description {
        display: block;
        float: right;
        margin-right: 0;
        margin-top: 0;
        color: #fff;
        text-align: right; }
      .hometopnews .sp-selected-thumbnail.sp-thumbnail-container a {
        color: #fff;
        margin-right: 10px;
        direction: rtl;
        font-size: 12px;
        height: 24px;
        line-height: 28px; }
  .slider-pro img.sp-image {
    width:100% !important;
    min-height: 160px !important;
    height: 160px !important;
    margin-left: 0 !important; }
  .slider-pro img.sp-thumbnail {
    min-height: 160px !important;
    max-height: 160px;
    width: auto !important; } }

.widget-latest-news .panel {
  border-radius: 0;
  margin-bottom: 0;
  float: right;
  display: block; }

.widget-latest-news .panel-heading .tv3-icon-menu {
  padding-left: 5px; }

.widget-latest-news .panel-body {
  float: right; }
  .widget-latest-news .panel-body .widget-latest-news--item {
    display: block;
    float: right;
    width: 100%; }
  .widget-latest-news .panel-body a {
    letter-spacing: .35px;
    color: #777;
    font-weight: normal;
    height: auto;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    /*float: right;*/ }
    .widget-latest-news .panel-body a:hover {
      color: #333; }
  .widget-latest-news .panel-body i.tv3-icon-dot-dot {
    display: block;
    float: right; }
    .widget-latest-news .panel-body i.tv3-icon-dot-dot::before {
      color: #ccc;
      padding-left: 5px;
      font-size: 17px;
      line-height: 21px; }

@media (max-width: 768px) {
  .widget-account-settings .container {
    padding: 20px !important; } }

@media (min-width: 992px) {
  .col-md-offset-right-2 {
    margin-right: 16.66666667% !important; } }

.widget-account-settings {
  display: inline;
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 10px; }
  .widget-account-settings .panel-heading .tv3-icon-profile-image {
    padding-left: 5px; }
    .widget-account-settings .panel-heading .tv3-icon-profile-image::before {
      line-height: 26px;
      font-size: 14px; }
  .widget-account-settings .panel-body .account-setting-descript {
    margin-bottom: 14px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    direction: rtl; }
  .widget-account-settings .panel-body .account-setting-items a {
    height: 100px;
    border: 2px solid #eee; }
    .widget-account-settings .panel-body .account-setting-items a:hover {
      color: #8d145b ;
      text-decoration: none;
      font-weight: bold; }
    .widget-account-settings .panel-body .account-setting-items a:focus {
      color: #8d145b ;
      text-decoration: none; }
  .widget-account-settings .panel-body .tv3-icon-exit-to-app::before {
    display: inline;
    font-size: 50px;
    line-height: 70px;
    color: #4b4b4b; }
  .widget-account-settings .panel-body .tv3-icon-pencil::before {
    display: inline;
    font-size: 50px;
    line-height: 70px;
    color: #4b4b4b; }
  .widget-account-settings .panel-body .tv3-icon-empty-state::before {
    display: inline;
    font-size: 50px;
    line-height: 70px;
    color: #4b4b4b; }
  .widget-account-settings .panel-body .tv3-icon-unlock::before {
    display: inline;
    font-size: 50px;
    color: #4b4b4b;
    line-height: 70px; }
  .widget-account-settings .panel-body .tv3-icon-home::before {
    display: inline;
    font-size: 50px;
    line-height: 70px;
    color: #4b4b4b; }
  .widget-account-settings a.col-xs-12.text-center {
    margin-bottom: 10px; }

.profile-header {
  height: 100px;
  margin-bottom: 60px;
  padding-bottom: 10px;
  background-color: #fff; }
  @media (max-width: 768px) {
    .profile-header {
      height: 85px; } }
  .profile-header .container {
    height: 100%;
    position: relative;
    overflow: visible !important; }
  .profile-header .image-container {
    width: 100px;
    height: 100px;
    right: 0;
    bottom: -30px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #eee;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 10px #eee;
    -moz-box-shadow: 0 0 10px #eee;
    box-shadow: 0 0 10px #eee; }
    .profile-header .image-container.no-image .inner {
      display: none; }
    .profile-header .image-container:before {
      right: 6px;
      z-index: 50;
      color: #999;
      font-size: 70px;
      content: '\f132';
      position: relative;
      font-family: Tv3-webfont; }
    .profile-header .image-container .inner {
      top: -100px;
      z-index: 100;
      padding: 5px;
      position: relative;
      background-color: #eee; }
      .profile-header .image-container .inner,
      .profile-header .image-container .inner img {
        width: 100%;
        height: 100%;
        border-radius: 100%; }
    @media (max-width: 768px) {
      .profile-header .image-container {
        right: 20px; } }
  .profile-header .name {
    bottom: 0;
    right: 110px;
    position: absolute;
    display: inline-block; }
    @media (max-width: 768px) {
      .profile-header .name {
        right: 20px;
        bottom: -60px;
        margin-right: 10px; } }
  .profile-header .actions-container {
    left: 0;
    bottom: 0;
    position: absolute; }
    @media (max-width: 768px) {
      .profile-header .actions-container {
        left: 20px;
        width: 100px;
        text-align: left; } }
  .profile-header .points-wrapper {
    left: 0;
    padding: 10px;
    bottom: -60px;
    position: absolute;
    background-color: #fff;
    border: 1px dashed #999; }
    @media (max-width: 768px) {
      .profile-header .points-wrapper {
        left: 20px; } }

.otp-entry-wrapper > div {
  margin-bottom: 10px; }

@media (max-width: 992px) {
  .widget-profile-indicator--user-name {
    width: 100%;
    background-color: #fff !important;
    color: #8d145b  !important; }
    .widget-profile-indicator--user-name img.img-thumbnail {
      height: 40px;
      width: 40px;
      float: right;
      border: 0;
      border-radius: 0;
      background: #8d145b ; }
    .widget-profile-indicator--user-name a {
      direction: rtl;
      padding-right: 10px !important;
      padding-left: 7px;
      float: right !important;
      font-size: 12px !important;
      line-height: 40px !important;
      width: 70%;
      height: 40px !important;
      margin-bottom: 10px;
      color: #8d145b ;
      font-weight: normal;
      text-align: right;
      background-color: #fff !important; }
  .log-out-mobile {
    width: 100%;
    display: block;
    background-color: #fff !important;
    color: #8d145b !important; }
  .account-setting-mobile {
    width: 100%;
    display: block;
    background-color: #fff !important;
    color: #8d145b !important; }
  td.widget-profile-indicator--setting {
    width: 100%;
    display: block;
    background-color: #fff !important; }
    td.widget-profile-indicator--setting.logged.account-area a {
      background-color: #fff !important; }
    td.widget-profile-indicator--setting .log-out-mobile {
      width: 42%; } }

@media (min-width: 992px) {
  .widget-profile-indicator.looged {
    padding-bottom: 3px !important;
    height: 32px; }
    .widget-profile-indicator.looged .widget-profile-indicator--user-name a {
      color: #8d145b  !important; } }

.widget-profile-indicator.looged .link {
  float: right; }

.widget-profile-indicator.looged.account-area a {
  color: #fff;
  font-size: 12px;
  background-color: #8d145b;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  float: right;
  text-indent: 0 !important; }
  .widget-profile-indicator.looged.account-area a:hover {
    color: #8d145b  !important; }
  .widget-profile-indicator.looged.account-area a.account-setting-mobile {
    float: left !important;
    padding-left: 5px; }

.widget-profile-indicator table.table {
  direction: rtl;
  margin-bottom: 5px; }
  .widget-profile-indicator table.table tr td {
    text-align: right;
    color: #000;
    padding: 5px 0;
    border-top: 0;
    background-color: #fff; }
    .widget-profile-indicator table.table tr td a {
      padding: 0 5px; }
    .widget-profile-indicator table.table tr td.widget-profile-indicator--image {
      width: 120px;
      height: 120px;
      padding: 5px;
      padding-right: 0 !important; }
      .widget-profile-indicator table.table tr td.widget-profile-indicator--image img {
        width: 100%;
        height: 100%;
        border: 2px solid #8d145b;
        padding: 5px; }
    .widget-profile-indicator table.table tr td .widget-profile-indicator--user-name a {
      text-align: right !important; }
    .widget-profile-indicator table.table tr td .widget-profile-indicator--user-name .tv3-icon-profile-image::before {
      font-size: 15px;
      padding-right: 0; }
    .widget-profile-indicator table.table tr td.widget-profile-indicator--setting a {
      text-align: right !important; }
    .widget-profile-indicator table.table tr td.widget-profile-indicator--setting .tv3-icon-setting::before {
      padding-right: 0; }
    .widget-profile-indicator table.table tr td.widget-profile-indicator--logout .tv3-icon-exit-to-app {
      padding-left: 5px;
      padding-right: 0; }

.widget-change-password {
  display: inline;
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 10px; }
  .widget-change-password .tv3-icon-register {
    padding-left: 5px; }
    .widget-change-password .tv3-icon-register::before {
      line-height: 26px;
      font-size: 12px; }
  .widget-change-password .panel-body {
    display: inline;
    float: right;
    text-align: right;
    width: 100%; }
    .widget-change-password .panel-body .change-password--main-box {
      float: right; }
      .widget-change-password .panel-body .change-password--main-box .change-password-lable {
        float: right;
        font-size: 10px; }
      .widget-change-password .panel-body .change-password--main-box .row {
        padding: 10px; }
      .widget-change-password .panel-body .change-password--main-box .g-recaptcha {
        float: right; }
    .widget-change-password .panel-body .btn-default {
      width: 100%;
      background-color: #71bd0c;
      color: #fff; }
      .widget-change-password .panel-body .btn-default:hover {
        background-color: #398439; }
    .widget-change-password .panel-body .big-btn {
      float: right; }
  .widget-change-password span.field-validation-error.text-danger {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password li.parsley-required {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password li.parsley-min {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password li.parsley-type {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password li.parsley-minlength {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password li.parsley-equalto {
    float: left;
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    text-align: left;
    width: 100%;
    display: block;
    direction: rtl; }
  .widget-change-password .text-success .text-center .col-md-9 .col-md-offset-right-3 {
    float: right;
    display: block;
    color: #8d145b ;
    font-size: 10px;
    direction: rtl; }

@media (min-width: 440px) {
  .widget-account-edit-profile .widget-account-edit-profile--image.col-xs-offset-right-3 {
    margin-right: 43% !important;
    margin-bottom: 3%; } }

@media (min-width: 1025px) {
  .widget-account-edit-profile .widget-account-edit-profile--image.col-xs-offset-right-3 {
    margin-right: 45% !important;
    margin-bottom: 3%; } }

@media (max-width: 439px) {
  .widget-account-edit-profile .widget-account-edit-profile--image.col-xs-offset-right-3 {
    margin-right: 27% !important;
    margin-bottom: 5%; } }

.widget-account-edit-profile .row {
  display: block;
  float: right;
  width: 100%;
  margin: 0; }

.widget-account-edit-profile .text-success {
  display: block;
  text-align: center;
  width: 100%; }

.widget-account-edit-profile .widget-account-edit-profile--image {
  position: relative;
  width: 200px;
  height: 200px;
  float: right;
  text-align: center;
  cursor: pointer;
  border-radius: 100%;
  overflow: hidden; }
  .widget-account-edit-profile .widget-account-edit-profile--image.col-xs-offset-right-3 {
    margin-right: 28%; }
  .widget-account-edit-profile .widget-account-edit-profile--image label {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    line-height: 60px;
    position: absolute;
    background-color: #b9bac3; }
    .widget-account-edit-profile .widget-account-edit-profile--image label:before {
      top: 70px;
      right: 30px;
      color: #fff;
      font-size: 120px;
      content: '\f132';
      position: absolute;
      font-family: Tv3-webfont; }
    .widget-account-edit-profile .widget-account-edit-profile--image label img {
      width: 100%;
      height: 100%;
      z-index: 1000;
      position: relative;
      border-radius: 100%; }

@media (min-width: 1024px) {
  .widget-account-edit-profile .choose-file {
    padding: 12px 10px !important; } }

.widget-account-edit-profile .panel {
  display: block;
  width: 100%;
  float: right;
  margin-top: 20px; }
  .widget-account-edit-profile .panel .panel-body {
    display: block;
    width: 100%;
    float: right; }

.widget-account-edit-profile .choose-file {
  padding: 12px 0; }

.widget-account-edit-profile .title-img {
  text-align: left !important; }

.widget-account-edit-profile .form-control {
  width: 75%; }

.widget-account-edit-profile label.control-label {
  margin: 0;
  width: 25%;
  padding: 0;
  float: right;
  font-size: 12px;
  line-height: 34px;
  text-align: right;
  display: inline-block; }

.widget-account-edit-profile .profile-form {
  padding: 15px; }

.widget-account-edit-profile .form-group {
  display: block;
  margin-bottom: 15px; }

.widget-account-edit-profile input {
  direction: rtl;
  text-align: right;
  font-size: 10px;
  line-height: 26px;
  color: #333;
  background: #eee;
  border: 1px solid #eee;
  resize: none; }
  .widget-account-edit-profile input.parsley-error {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7; }
  .widget-account-edit-profile input.btn {
    line-height: 20px;
    text-align: center;
    width: 100%;
    background-color: #71bd0c;
    color: #fff; }
    .widget-account-edit-profile input.btn:hover {
      color: #fff;
      background-color: #398439;
      border-color: #398439; }

.widget-account-edit-profile select {
  direction: rtl;
  text-align: right;
  font-size: 10px;
  line-height: 26px;
  color: #333;
  background: #eee;
  border: 1px solid #eee;
  resize: none; }

.widget-account-edit-profile .m3g-parsley-wrapper .parsley-errors-list {
  text-align: left !important;
  color: #8d145b ;
  font-size: 11px;
  clear: both; }
  .widget-account-edit-profile .m3g-parsley-wrapper .parsley-errors-list li {
    line-height: 24px;
    font-size: 10px; }

.widget-account-edit-profile .tv3-icon-register::before {
  font-size: 14px; }

.pagination-wrapper {
  padding: 15px;
  direction: rtl;
  display: block;
  width: 100%;
  float: none;
  margin: 0; }
  .pagination-wrapper li {
    float: right;
    margin-left: 2px;
    height: 35px; }
  .pagination-wrapper .disabled {
    cursor: default; }
  .pagination-wrapper .page-item {
    width: 35px;
    color: #4b4b4b !important;
    font-size: 10px;
    line-height: 26px;
    font-weight: normal;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin: 0 !important;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 10px !important; }
    .pagination-wrapper .page-item.active {
      background-color: #497799;
      color: #fff !important;
      border: 1px solid #256492;
      margin-bottom: 10px !important; }
    .pagination-wrapper .page-item:hover {
      color: #868686 !important;
      background: #eee;
      border: 1px solid #ccc; }
    .pagination-wrapper .page-item.disabled {
      cursor: default;
      border: 0;
      letter-spacing: 2px; }
      .pagination-wrapper .page-item.disabled:hover {
        background-color: inherit; }

.widget-subscription-form {
  display: block;
  float: right;
  width: 100%;
  padding: 10px; }
  .widget-subscription-form a {
    color: #fff !important; }
    .widget-subscription-form a:hover {
      color: #8d145b !important; }
  .widget-subscription-form .widget-subscription-form--textarea {
    width: 100% !important; }
  .widget-subscription-form label .label {
    float: right;
    color: #000;
    padding: 15px; }
  .widget-subscription-form textarea {
    float: right;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: text;
    padding: 10px;
    color: #333;
    background: #eee;
    border: 1px solid #eee;
    resize: none;
    user-select: text !important;
    font-size: 9px;
    border-radius: 3px;
    margin: 10px 0; }
  .widget-subscription-form .side-same-height {
    padding-top: 50px; }
  .widget-subscription-form .btn {
    font-size: 12px; }
  .widget-subscription-form p {
    font-size: 11px; }
  @media (max-width: 768px) {
    .widget-subscription-form .side-same-height {
      padding-top: 0; }
    .widget-subscription-form .btn-info {
      margin-bottom: 10px !important; } }
  @media (min-width: 768px) {
    .widget-subscription-form .btn-info {
      margin-left: 10px !important; } }

.widget-account-login {
  display: block;
  width: 100%;
  float: left;
  padding-top: 20px; }
  .widget-account-login .panel {
    display: block;
    width: 100%;
    float: right; }
    .widget-account-login .panel .panel-body {
      display: block;
      width: 100%;
      float: right; }
      .widget-account-login .panel .panel-body .parsley-errors-list {
        padding-right: 10px;
        float: right;
        display: block; }
    .widget-account-login .panel form {
      text-align: right; }
  .widget-account-login .control-label {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 10px;
    margin-bottom: 0; }
  .widget-account-login input {
    margin-bottom: 10px; }
  .widget-account-login .g-recaptcha > [style] {
    width: auto !important;
    height: auto !important; }
  .widget-account-login .login-btn {
    padding: 10px 0; }
  .widget-account-login a.btn {
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    color: #4b4b4b; }
  .widget-account-login li.parsley-required {
    line-height: 20px;
    color: #8d145b ;
    font-size: 10px; }
  .widget-account-login li .parsley-type {
    color: #8d145b ;
    font-size: 10px;
    line-height: 20px; }
  .widget-account-login span.field-validation-error.text-danger {
    padding-top: 10px;
    padding-right: 5px;
    float: right;
    display: block;
    color: #8d145b ;
    font-size: 10px; }
  .widget-account-login .recaptcha {
    overflow: hidden;
    text-align: right;
    direction: rtl; }
  .widget-account-login .tv3-icon-profile-image::before {
    font-size: 14px; }
  .widget-account-login .login-form-wrapper .single-line {
    font-size: 12px; }
    @media (max-width: 767px) {
      .widget-account-login .login-form-wrapper .single-line {
        font-size: 11px !important;
        text-align: center !important; } }
    @media (max-width: 365px) {
      .widget-account-login .login-form-wrapper .single-line {
        font-size: 10px !important;
        text-align: center !important; } }
    @media (max-width: 335px) {
      .widget-account-login .login-form-wrapper .single-line {
        font-size: 9px !important; } }

@media (max-width: 991px) {
  .widget-account-sign-up .no-padding-right {
    padding-right: 15px !important; } }

@media (max-width: 767px) {
  .widget-account-sign-up--pre-image {
    padding-top: 15px; }
  .widget-account-sign-up--choose-photo {
    padding: 0;
    padding-right: 0 !important; }
  .g-recaptcha {
    padding-right: 0 !important;
    overflow: hidden; } }

.widget-account-sign-up {
  display: block;
  width: 100%;
  float: right;
  text-align: right;
  padding-top: 20px; }
  .widget-account-sign-up .widget-account-sign-up--choose-photo {
    padding-right: 0 !important;
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    float: right;
    text-align: center;
    cursor: pointer; }
  .widget-account-sign-up .panel {
    display: block;
    width: 100%;
    float: right; }
    .widget-account-sign-up .panel .panel-body {
      display: block;
      width: 100%;
      float: right; }
      .widget-account-sign-up .panel .panel-body.sign-up-form-wrapper {
        padding: 15px; }
      .widget-account-sign-up .panel .panel-body span {
        padding-right: 10px;
        font-size: 10px; }
      .widget-account-sign-up .panel .panel-body .control-label {
        display: block;
        width: 25%;
        float: right;
        font-size: 9px;
        line-height: 34px;
        text-align: center; }
      .widget-account-sign-up .panel .panel-body .form-group {
        margin-bottom: 5px; }
      .widget-account-sign-up .panel .panel-body .form-control {
        display: inline;
        width: 100%;
        direction: rtl;
        font-size: 10px; }
      .widget-account-sign-up .panel .panel-body select {
        direction: rtl;
        font-size: 9px; }
      .widget-account-sign-up .panel .panel-body .widget-account-sign-up--set-email {
        display: block;
        width: 100%;
        float: right;
        margin: 5px 0 15px;
        border-bottom: 2px solid #ddd; }
      .widget-account-sign-up .panel .panel-body .widget-account-sign-up--item-group {
        display: block;
        width: 100%;
        float: right;
        margin: 5px 0 15px; }
  .widget-account-sign-up input#image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    cursor: pointer; }
  .widget-account-sign-up .widget-account-sign-up--recaptcha {
    padding: 0; }
    .widget-account-sign-up .widget-account-sign-up--recaptcha .g-recaptcha {
      padding: 25px 0 22px; }
  .widget-account-sign-up .max-full-width {
    position: relative;
    width: 100%;
    height: 100%;
    float: right;
    text-align: center;
    cursor: pointer;
    margin-bottom: 3px; }
  .widget-account-sign-up .tv3-icon-register::before {
    font-size: 14px; }
  .widget-account-sign-up .widget-account-sign-up--sexual {
    padding-bottom: 10px;
    line-height: 34px; }
  .widget-account-sign-up li.parsley-required {
    text-align: right !important; }
  .widget-account-sign-up li.parsley-min {
    text-align: right !important; }
  .widget-account-sign-up li.parsley-type {
    text-align: right !important; }
  .widget-account-sign-up li.parsley-minlength {
    text-align: right !important; }
  .widget-account-sign-up li.parsley-equalto {
    text-align: right !important; }
  .widget-account-sign-up .same-height-fields ul {
    padding-right: 0;
    margin: 5px 0; }
  .widget-account-sign-up .field-validation-error {
    line-height: 26px; }
  .widget-account-sign-up .widget-account-sign-up--birthday {
    width: 74% !important; }

.widget-account-forgot-pass {
  display: block;
  width: 100%;
  float: left;
  padding-top: 20px; }
  .widget-account-forgot-pass .panel {
    border: 0 !important;
    display: block;
    width: 100%;
    float: right; }
  .widget-account-forgot-pass .panel-body {
    border: 0 !important;
    display: block;
    width: 100%;
    float: right;
    direction: rtl; }
    .widget-account-forgot-pass .panel-body label.control-label {
      font-size: 10px;
      font-weight: normal; }
    .widget-account-forgot-pass .panel-body .recaptcha {
      padding: 0;
      overflow: hidden; }
      .widget-account-forgot-pass .panel-body .recaptcha .g-recaptcha {
        padding: 15px 0;
        overflow: hidden;
        float: right; }
  .widget-account-forgot-pass .parsley-errors-list {
    padding-top: 10px;
    padding-right: 5px;
    float: right;
    display: block;
    color: #8d145b ;
    font-size: 10px; }
  .widget-account-forgot-pass span.field-validation-error.text-danger {
    padding-top: 10px;
    padding-right: 5px;
    float: right;
    display: block;
    color: #8d145b ;
    font-size: 10px; }
  .widget-account-forgot-pass .tv3-icon-register::before {
    font-size: 14px; }
  .widget-account-forgot-pass .text-success {
    width: 100%;
    text-align: center; }

@media (max-width: 1023px) {
  .widget-date-picker .datepicker--owghat {
    height: 60px !important;
    line-height: 12px !important; }
  .widget-date-picker .today-date {
    font-size: 9px !important; } }

@media (max-width: 767px) {
  .widget-date-picker .datepicker--owghat {
    line-height: 25px !important; } }

.widget-date-picker .datepicker--months {
  height: 60px;
  line-height: 58px;
  text-align: center;
  background: #555879;
  color: #fff;
  padding-bottom: 4px;
  min-height: 58px;
  position: relative; }
  .widget-date-picker .datepicker--months .tv3-icon-arrow-point-to-left {
    position: absolute;
    left: 10px;
    bottom: 0; }
  .widget-date-picker .datepicker--months .tv3-icon-arrow-point-to-right {
    position: absolute;
    right: 10px;
    color: #ccc;
    bottom: 0; }
  .widget-date-picker .datepicker--months a {
    color: #ccc;
    font-size: 10px; }

.widget-date-picker .datepicker--day {
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  min-height: 28px !important;
  height: 30px; }

.widget-date-picker .datepicker--day-number {
  font-size: 30px;
  line-height: 65px;
  text-align: center;
  height: 50px; }

.widget-date-picker .datepicker--current-day {
  float: right;
  background: #8d145b ;
  color: #fff; }

.widget-date-picker .datepicker--full-date {
  background: #b56000;
  color: #fff; }
  .widget-date-picker .datepicker--full-date .today-date {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
    padding-bottom: 8px;
    line-height: 70px;
    height: 80px; }
  .widget-date-picker .datepicker--full-date .datepicker-text {
    font-size: 9px;
    line-height: 70px;
    height: 80px; }
  .widget-date-picker .datepicker--full-date .datepicker--owghat {
    font-size: 8px;
    height: 60px;
    line-height: 24px;
    background: #8d145b; }
    .widget-date-picker .datepicker--full-date .datepicker--owghat .col-md-4.col-sm-4.col-xs-4.text-center {
      padding: 5px; }

.widget-date-picker .datepicker--main {
  background: #fff; }
  .widget-date-picker .datepicker--main table {
    width: 100%;
    border: 0; }
    .widget-date-picker .datepicker--main table td {
      width: 30px !important;
      height: 30px !important;
      text-align: center; }
      .widget-date-picker .datepicker--main table td.current {
        line-height: 11px !important;
        text-align: center; }
        .widget-date-picker .datepicker--main table td.current a {
          display: inline-block;
          width: 28px;
          height: 28px;
          line-height: 28px;
          border-radius: 50px;
          border: 1px solid #8d145b ; }
      .widget-date-picker .datepicker--main table td.off {
        line-height: 11px !important; }
        .widget-date-picker .datepicker--main table td.off::before {
          content: '.';
          color: #8d145b  !important;
          font-size: 30px; }
    .widget-date-picker .datepicker--main table thead {
      font-size: 9px;
      color: #000;
      background-color: #ccc; }
      .widget-date-picker .datepicker--main table thead th {
        text-align: center;
        font-size: 10px;
        font-weight: normal; }

.widget-date-picker .tv3-icon-sunrise::before {
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 5px; }

.widget-date-picker .tv3-icon-sun::before {
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 5px; }

.widget-date-picker .tv3-icon-moon-phase-outline::before {
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 5px; }

@media (max-width: 767px) {
  .program-carousel {
    padding: 15px !important; }
  .owl-theme .owl-nav {
    margin-top: 0; } }

.program-carousel {
  overflow: hidden; }
  .program-carousel .program-carousel--home .program-carousel--item {
    /*height: 100% !important;
    width: 290px;*/ }
    .program-carousel .program-carousel--home .program-carousel--item > a {
      height: 100% !important; }
      .program-carousel .program-carousel--home .program-carousel--item > a img {
        height: 200px !important; }
  .program-carousel a:hover {
    text-decoration: none;
    font-weight: bold; }
  .program-carousel .header-title {
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin-top: 10px !important; }
    .program-carousel .header-title > a {
      color: #fff;
      font-size: 13px; }
  .program-carousel h3 {
    text-align: right;
    direction: rtl;
    margin-top: 10px !important;
    font-size: 11px; }
    .program-carousel h3 a {
      color: #fff; }
      .program-carousel h3 a:hover {
        color: #8d145b !important;
        text-decoration: none;
        font-weight: bold; }
  .program-carousel .program-carousel--item {
    padding-left: 0;
    padding-right: 0;
    /*height: 130px;*/ }
    .program-carousel .program-carousel--item > a {
      width: 100%;
      box-shadow: 0 3px 2px #bbb;
      display: block;
      background-color: #fff;
      margin-bottom: 10px;
      height: 130px; }
      .program-carousel .program-carousel--item > a:hover {
        text-decoration: none;
        color: #8d145b ; }
      .program-carousel .program-carousel--item > a img {
        width: 100%;
        height: 100%; }
    .program-carousel .program-carousel--item h2 {
      font-size: 14px;
      color: #4b4b4b;
      padding-right: 10px;
      margin-top: 10px;
      line-height: 28px;
      width: 275px;
    height: 30px;
    overflow:hidden;
    }
      .program-carousel .program-carousel--item h2:hover {
        color: #1c8cd1 ; }
    .program-carousel .program-carousel--item .detail {
      color: #9c9c9c;
      font-size: 10px;
      padding-right: 10px;
      direction: rtl;
      line-height: 30px; }
  .program-carousel .owl-item {
    display: inline;
    float: right;
    width: 100%; }
  .program-carousel .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -52px;
    line-height: 22px;
    left: 0;
    display: block; }
    .program-carousel .owl-theme .owl-nav [class*='owl-']:hover {
      font-size: 22px;
      color: #8d145b ;
      background: none; }
    .program-carousel .owl-theme .owl-nav .disabled {
      color: #777 !important;
      cursor: default !important; }
      .program-carousel .owl-theme .owl-nav .disabled:hover {
        color: #777 !important;
        cursor: default !important; }
    .program-carousel .owl-theme .owl-nav [class*='owl-'] {
      color: #333;
      font-size: 22px;
      margin: 5px;
      padding: 0;
      background: none;
      display: inline-block;
      cursor: pointer;
      border-radius: 3px; }
  .program-carousel .owl-carousel .owl-nav.disabled {
    display: block !important; }
  .program-carousel .slider-container-item {
    display: inline;
    float: right;
    width: 100%; }
    .program-carousel .slider-container-item > a {
      display: inline;
      float: right;
      width: 100%; }
      .program-carousel .slider-container-item > a img {
        display: inline;
        float: right;
        width: 100%; }
      .program-carousel .slider-container-item > a h2 {
        display: inline;
        float: right;
        width: 100%; }
      .program-carousel .slider-container-item > a .detail {
        display: inline;
        float: right;
        width: 100%; }
  .program-carousel .tv3-icon-arrow-point-to-left::before {
    font-size: 15px; }
  .program-carousel .tv3-icon-arrow-point-to-right::before {
    font-size: 15px; }

.widget-ask-question {
  padding-right: 0;
  padding-left: 0; }
  .widget-ask-question .panel-body {
    float: right;
    padding-top: 10px; }
  .widget-ask-question form {
    overflow: hidden;
    display: block;
    width: 100%;
    float: right; }
    .widget-ask-question form .col-xs-12.col-sm-10.no-padding {
      overflow: hidden;
      display: block;
      float: right;
      width: 100%; }
      @media (max-width: 1199px) and (min-width: 768px) {
        .widget-ask-question form .col-xs-12.col-sm-10.no-padding {
          border-left: 1px solid lightgray !important;
          border-radius: 4px !important; } }
      @media (max-width: 331px) {
        .widget-ask-question form .col-xs-12.col-sm-10.no-padding {
          border-left: 1px solid lightgray !important;
          border-radius: 4px !important; } }
      .widget-ask-question form .col-xs-12.col-sm-10.no-padding .g-recaptcha {
        float: right; }
  .widget-ask-question label {
    font-size: 16px;
    font-weight: normal;
    float: right;
    direction: rtl;
    padding-left: 0;
    padding-bottom: 5px;
    padding-right: 0; }
  .widget-ask-question .form-group {
    direction: rtl;
    overflow: hidden;
    display: block;
    width: 100%;
    float: right;
    margin-right: 0;
    margin-left: 0; }
  .widget-ask-question .form-control {
    font-size: 9px !important;
    background-color: #eee; }
  .widget-ask-question .submit-button {
    text-align: left;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 15px; }
  .widget-ask-question button {
    padding-right: 15px;
    padding-left: 15px;
    line-height: 34px;
    background-color: #71bd0c;
    border: 0;
    box-shadow: 0 2px 3px 0 #ccc;
    color: #fff;
    font-size: 11px;
    width: 100%;
    border-radius: 4px; }

.widget-prayer-time {
  margin-bottom: 10px;
  display: block;
  float: right;
  width: 100%;
  background: url("../img/bg-prayer.png");
  padding: 25px 10px;
  background-repeat: no-repeat;
  background-color: #fff; }
  @media (max-width: 1023px) {
    .widget-prayer-time {
      background: url("../img/back-760.jpg");
      padding: 0 20px; }
      .widget-prayer-time h3 {
        margin-bottom: 0 !important; } }
  @media (max-width: 767px) {
    .widget-prayer-time {
      padding: 0;
      background-color: #fff !important;
      background: url("../img/prayer-pattern-small.fw.png");
      background-repeat: no-repeat;
      background-position: bottom center;
      display: block;
      width: 100%;
      float: right;
      overflow: hidden; }
      .widget-prayer-time h3 {
        text-align: center !important;
        margin-top: 0; } }
  .widget-prayer-time .col-sm-4 {
    float: right; }
  .widget-prayer-time h3 {
    font-size: 14px;
    float: right;
    text-align: right;
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 20px;
    line-height: 45px;
    padding: 0; }
    .widget-prayer-time h3 .widget-prayer-time--today {
      border-right: 2px solid #40a0e2; }
    .widget-prayer-time h3 a {
      color: #a08e82;
      font-size: 12px;
      cursor: pointer;
      line-height: 28px;
      padding: 0 8px 0 4px; }
      .widget-prayer-time h3 a.active {
        color: #000;
        padding: 0 8px 0 4px;
        font-size: 12px;
        line-height: 28px;
        cursor: pointer;
        margin: 0; }
  .widget-prayer-time select {
    display: inline-block;
    float: right;
    direction: rtl;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px 0;
    outline: none;
    border-radius: 4px;
    font-size: 12px;
    width: 100%;
    height: 40px; }
  .widget-prayer-time option {
    direction: rtl;
    border-radius: 5px;
    background: #fff;
    color: #000; }

.widget-prayer-time--azaan {
  display: block;
  float: right;
  width: 100%;
  color: #000;
  font-size: 12px;
  text-align: right;
  font-weight: normal;
  line-height: 52px;
  padding: 0; }
  .widget-prayer-time--azaan .tv3-icon::before {
    margin-bottom: 5px;
    font-size: 15px; }
  @media (max-width: 767px) {
    .widget-prayer-time--azaan {
      text-align: center !important; } }

.widget-account-set-password {
  display: block;
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 20px; }
  .widget-account-set-password .control-label {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 10px;
    margin-bottom: 0; }
  .widget-account-set-password input {
    margin-bottom: 10px; }
  .widget-account-set-password ul.parsley-errors-list {
    padding-right: 10px;
    float: right;
    display: block; }
  .widget-account-set-password .widget-account-set-password--success {
    text-align: center;
    display: block;
    width: 100%;
    float: right; }
  .widget-account-set-password .tv3-icon-profile-image {
    font-size: 14px; }

@media (max-width: 425px) {
  .ios .widget-frequencies table {
    display: block; }
  .ios .widget-frequencies .frequency-table-container {
    overflow-x: auto;
    display: block;
    float: right;
    width: 100%; }
    .ios .widget-frequencies .frequency-table-container tr {
      display: block;
      float: right;
      width: 100%; } }

@media (max-width: 425px) {
  .widget-frequencies .frequency-table-container {
    overflow-x: auto;
    display: block;
    float: right;
    width: 100%; } }

.widget-frequencies.panel {
  direction: rtl;
  display: block;
  width: 100%;
  float: right; }
  .widget-frequencies.panel h3 {
    margin-top: 0 !important;
    color: #777;
    margin-bottom: -2px;
    /*font-size: 10px !important;*/ }
  .widget-frequencies.panel .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f5f5f5; }
  .widget-frequencies.panel .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff; }
  .widget-frequencies.panel table {
    min-width: 100%;
    border-collapse: initial;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #acacac; }
    .widget-frequencies.panel table .tv3-icon-satellite::before {
      font-size: 80px; }
    .widget-frequencies.panel table .widget-frequencies--satellite {
      width: 24% !important;
      padding: 8px 10px; }
    .widget-frequencies.panel table .en {
      font-family: 'Helvetica', 'Helvetica Neue', 'sans-serif' !important;
      direction: ltr; }
    .widget-frequencies.panel table .table-header {
      background-color: #696969 !important; }
    .widget-frequencies.panel table th {
      text-align: center; }
    .widget-frequencies.panel table.table-1 tr {
      text-align: right;
      float: right;
      display: inline-block;
      width: 100%; }
      .widget-frequencies.panel table.table-1 tr th {
        width: 100%;
        border: 0;
        font-size: 12px;
        color: #fff; }
      .widget-frequencies.panel table.table-1 tr td {
        text-align: right;
        float: right;
        display: inline-block;
        width: 20%;
        font-size: 10px;
        border: 0; }
    .widget-frequencies.panel table.table-1 .table-header {
      background-color: #696969 !important; }
    .widget-frequencies.panel table.table-2 td {
      text-align: center;
      border: 0;
      font-size: 14px;
      line-height: 28px;
      width: 13%;
      color: #969696;
      vertical-align: middle; }
    .widget-frequencies.panel table.table-2 .table-header {
      background-color: #d4d4d4 !important;
      color: #fff; }
      .widget-frequencies.panel table.table-2 .table-header th {
        font-weight: bold;
        font-size: 15px;
        color: #969696; }
    .widget-frequencies.panel table.table-3 .table-header {
      background-color: #d4d4d4 !important; }
      .widget-frequencies.panel table.table-3 .table-header th {
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        color: #969696; }
    .widget-frequencies.panel table.table-3 td {
      border: 0;
      text-align: center;
      line-height: 28px;
      color: #969696;
      font-size: 14px;
      vertical-align: middle; }
  .widget-frequencies.panel .irib {
    direction: ltr;
    border: 1px solid #eee !important;
    font-size: 22px !important;
    background-color: #fff; }

.widget-frequencies .widget-frequencies--mobile-view th {
  vertical-align: middle; }

.widget-frequencies hr {
  margin: 5px; }

.package {
  padding-bottom: 20px;
  border-bottom: 2px solid #ddd; }
  .package:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .package > div {
    min-height: 120px; }
    .package > div img {
      margin-top: 15px; }
  .package .details-area {
    padding-right: 0;
    padding-left: 30px; }
    @media (max-width: 768px) {
      .package .details-area {
        padding: 0 30px; } }
    .package .details-area .top-row i {
      line-height: 60px; }
  .package[data-state='lock'] .top-row i::before {
    color: #8d145b ; }
  .package[data-state='unlock'] .top-row i::before {
    color: #04a777; }
  .package h2 {
    font-size: 18px;
    font-weight: bold; }
  .package .description {
    color: #999;
    margin: 10px 0; }
  .package .price-container {
    padding: 5px;
    font-size: 11px;
    line-height: 23px;
    border-radius: 2px;
    background-color: #ddd; }
    .package .price-container .price {
      margin: 0 5px; }
      .package .price-container .price.is-off {
        text-decoration: line-through;
        color: #aaa; }
  .package .top-row .tv3-icon-lock::before,
  .package .top-row .tv3-icon-unlock::before {
    font-size: 40px; }
  .package .btn.btn-pink {
    color: #fff;
    background-color: #8d145b ; }
    .package .btn.btn-pink:hover {
      background-color: #be1c58; }
  .package .is-green {
    color: #04a777; }

.widget-modal {
  top: 30%;
  display: block; }
  .widget-modal .modal {
    background: rgba(0, 0, 0, 0.7); }
  .widget-modal .modal-content {
    text-align: right;
    padding: 30px;
    top: 60px; }
    .widget-modal .modal-content h4 {
      color: #8d145b ;
      font-weight: bold;
      font-size: 18px;
      padding: 15px 0;
      direction: rtl; }
    .widget-modal .modal-content .description-text {
      display: block;
      direction: rtl;
      font-weight: bold;
      color: #555;
      font-size: 16px;
      line-height: 1.6em; }
    .widget-modal .modal-content strong {
      color: #000 !important;
      font-weight: bolder;
      font-size: 15px; }
  .widget-modal .remaining-time-text {
    font-size: 12px;
    color: #aaa;
    direction: rtl; }
  .widget-modal .quiz-info .quiz-expire-text {
    padding: 5px 0;
    font-size: 18px;
    margin: 10px 0 0;
    color: #8d145b ;
    direction: rtl !important; }
  .widget-modal .quiz-info span.quiz-expire-day {
    direction: rtl;
    float: right;
    text-align: right;
    font-size: 16px;
    color: #24b1a0;
    font-weight: bold;
    margin-right: 15px;
    line-height: 50px; }
  .widget-modal .quiz-info span.quiz-expire-time {
    direction: rtl;
    float: right;
    text-align: right;
    font-size: 16px;
    color: #24b1a0;
    font-weight: bold;
    margin-right: 15px;
    line-height: 50px; }
    .widget-modal .quiz-info span.quiz-expire-time span {
      width: 44px;
      text-align: center;
      display: inline-block; }
  .widget-modal .btn {
    font-size: 14px;
    border-radius: 10px; }
    .widget-modal .btn[data-role="close"] {
      margin-left: 5px; }
  .widget-modal .btn-quiz {
    width: 215px;
    color: #fff;
    cursor: pointer;
    background-color: #24b1a0 !important; }
    .widget-modal .btn-quiz:hover, .widget-modal .btn-quiz:focus, .widget-modal .btn-quiz:active {
      background: #1a8477 !important;
      outline: 0; }
  @media (min-width: 925px) {
    .widget-modal .remaining-time-text {
      width: 100%;
      display: block;
      padding: 15px 0; } }
  @media (max-width: 374px) {
    .widget-modal .btn-quiz {
      font-size: 12px !important; } }
  @media (max-width: 1786px) {
    .widget-modal .btn-quiz {
      width: 70%;
      margin-left: 0; }
    .widget-modal .btn[data-role="close"] {
      width: 28%; }
    .widget-modal .modal-content {
      padding: 15px; }
    .widget-modal .remaining-time-text {
      font-size: 16px; }
    .widget-modal .quiz-info {
      text-align: center; } }
  @media (max-width: 1657px) {
    .widget-modal .quiz-info .quiz-expire-time {
      font-size: 14px !important; } }
  @media (max-width: 1786px) {
    .widget-modal .quiz-expire-text {
      text-align: center !important; }
    .widget-modal .quiz-expire-time {
      width: 100%;
      text-align: center !important;
      margin-right: 0 !important; } }

.vjs-player {
  font-family: "IranSansNumber", "tahoma"; }
  .vjs-player .vjs-big-play-button:hover {
    background-color: #8d145b  !important;
    color: #ffffff; }
    .vjs-player .vjs-big-play-button:hover::before {
      color: #ffffff !important; }
  .vjs-player .vjs-progress-control .vjs-play-progress {
    background: #8d145b  !important; }
  .vjs-player .vjs-menu li.vjs-selected {
    background-color: #8d145b  !important; }
  .vjs-player .vjs-current-time-display,
  .vjs-player .vjs-resolution-button-label,
  .vjs-player .vjs-menu li {
    font-family: "IranSansNumber", "tahoma" !important; }
  .vjs-player .video-js .vjs-control-bar .vjs-live-display *,
  .vjs-player .video-js .vjs-control-bar .vjs-time-control * {
    font-size: 1.2em !important; }
  .vjs-player .vjs-resolution-button-label {
    border-radius: 2px !important; }
  .vjs-player .vjs-menu li {
    line-height: 1.6em; }
  @media (max-width: 500px) {
    .vjs-player .video-js .vjs-control-bar .vjs-live-display *,
    .vjs-player .video-js .vjs-control-bar .vjs-time-control * {
      font-size: 1em !important; }
    .vjs-player .vjs-resolution-button span.vjs-resolution-button-label {
      margin-top: .4em !important; }
    .vjs-player .vjs-menu li {
      line-height: 1.8em !important; } }

.mobile-page {
  display: block;
  width: 100%;
  float: right; }
  @media (max-width: 767px) {
    .mobile-page .mobile-page-android {
      margin-right: 15px !important; } }
  .mobile-page .panel-body {
    float: right; }
    .mobile-page .panel-body p {
      direction: rtl;
      line-height: 26px;
      color: #4b4b4b !important;
      font-weight: normal;
      font-size: 10px; }
    .mobile-page .panel-body .mobile-page--big-pic {
      padding-top: 10px; }
      .mobile-page .panel-body .mobile-page--big-pic img {
        max-width: 100%;
        width: 600px; }
    .mobile-page .panel-body .mobile-app-download-links {
      padding: 10px;
      display: block;
      float: right;
      width: 100%; }
      .mobile-page .panel-body .mobile-app-download-links .item {
        display: block;
        background-color: #ddd;
        padding: 10px;
        border-radius: 8px;
        font-size: 20px;
        margin-bottom: 10px; }
      .mobile-page .panel-body .mobile-app-download-links .qr {
        display: block; }
        .mobile-page .panel-body .mobile-app-download-links .qr img {
          padding-right: 0;
          margin-right: 0;
          float: right; }
      .mobile-page .panel-body .mobile-app-download-links .text-center {
        color: #333;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
        padding-left: 0;
        padding-right: 0; }
        .mobile-page .panel-body .mobile-app-download-links .text-center .eng {
          font-size: 24px;
          font-family: sans-serif !important;
          padding-top: 10px; }
  .mobile-page .android-app {
    float: left;
    text-align: left;
    display: block; }
    .mobile-page .android-app img {
      display: block;
      float: left; }

section.live-page {
  display: block;
  width: 100%;
  float: right;
  padding-top: 5px;
  /*.vjs-player {
            width: 100%;
            height: auto !important;
            display: block;
            float: right;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            padding: 0 !important;

            .vjs-live-display {
                white-space: nowrap;

                span {
                    white-space: nowrap;
                }
            }
        }*/
  /*@media (max-width: 425px) {
            .vjs-live-display,
            .vjs-progress-control .vjs-mouse-display::after,
            .vjs-resolution-button li,
            .vjs-resolution-button-label,
            .vjs-time-control * {
                font-size: 8px !important;
            }
            //.vjs-time-control.vjs-time-divider,
            //.vjs-current-time.vjs-time-control.vjs-control{
            //    display: none !important;
            //}
        }

        .vjs-error-display {
            border: 2px solid $primary-color !important;
        }

        .tv3-icon-live-program {
            &::before {
                font-size: 36px;
                line-height: 36px;
            }
        }*/ }
  section.live-page .live-page--frequencies-area {
    display: block;
    float: right;
    width: 100%; }
    section.live-page .live-page--frequencies-area .container {
      margin-top: 20px; }
  section.live-page .live-page--tv-area {
    display: block;
    float: right;
    width: 100%;
    background: url("../img/galaxy.jpg");
    background-position: center center;
    margin-top: 10px;
    overflow: hidden; }
  section.live-page .live-page--player {
    margin-bottom: 65px;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  section.live-page h3 {
    text-align: center;
    color: #fff;
    direction: rtl;
    margin: 30px 0;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  section.live-page .video-player-container {
    display: block;
    width: 100%;
    position: relative;
    padding: 56.25% 0 0;
    border: 2px solid #000; }

.about-us-page {
  display: block;
  width: 100%;
  float: left;
  padding-top: 15px; }
  .about-us-page .panel {
    direction: rtl; }
  .about-us-page .widget-latest-news {
    border: 0; }
    .about-us-page .widget-latest-news .panel-body img {
      float: right;
      border-radius: 2px;
      height: 45px;
      margin-top: 5px;
      margin-left: 5px; }
    .about-us-page .widget-latest-news .panel-body p {
      font-size: 10px;
      height: auto;
      margin: 0;
      line-height: normal;
      padding: 10px;
      color: #777; }
    .about-us-page .widget-latest-news .panel-body a {
      border-bottom: 1px solid #ddd; }
  .about-us-page .about-us-main h5 {
    font-size: 14px;
    color: #333; }
  .about-us-page .about-us-main p {
    font-size: 11px;
    word-spacing: 2px;
    text-align: justify;
    line-height: 23px; }
  .about-us-page .about-us-main h2 {
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px; }
  @media (max-width: 767px) {
    .about-us-page .about-us-main {
      padding: 0 !important; } }

.program-archive-page {
  display: block;
  width: 100%;
  float: right;
  padding-top: 15px; }
  .program-archive-page .panel-heading {
    margin-bottom: 0; }
  .program-archive-page .panel-body {
    float: right;
    padding-top: 10px !important; }
    .program-archive-page .panel-body.search-panel {
      border-bottom: 1px solid #eee; }
    .program-archive-page .panel-body .search-item {
      padding: 10px 0; }
  .program-archive-page label {
    font-size: 10px;
    line-height: 34px;
    font-weight: normal;
    direction: rtl;
    float: right;
    margin-left:5px;
    text-align: right;
    margin-bottom: 0; }
  .program-archive-page select {
    font-size: 9px;
    line-height: 30px;
    font-weight: normal;
    direction: rtl;
    text-align: left;
    padding-bottom: 4px; }
    .program-archive-page select.inp {
      height: 34px;
      text-align: right;
    }
  .program-archive-page .inp {
    font-size: 13px;
    line-height: 32px !important;
    font-weight: normal;
    direction: rtl;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px #eee inset;
    padding: 0 12px;
    min-height: 34px; }
  .program-archive-page .btn-primary {
    font-size: 13px;
    line-height: 20px; }
  .program-archive-page .main-section .modal-body {
      height:300px;
    position: relative;
    padding: 10px;
    margin-bottom: 15px; }
    .program-archive-page .main-section .modal-body figure {
      width: 100%;
      height: 150px; }
  .program-archive-page .main-section h2 {
        font-size: 14px;
    text-align: right;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
    color: #8d145b ; }
    .program-archive-page .main-section h2:hover {
      color: #650829; }
  .program-archive-page .main-section .p-detail {
    font-size: 14px;
    direction: rtl;
    display: block;
    line-height: 23px;
    height: 90px;
    min-height: 90px;
    overflow: hidden;text-align:justify; }
  @media (max-width: 767px) {
    .program-archive-page .main-section .modal-body figure {
      height: 100% !important; } }

.conductor-archive-page {
  display: block;
  width: 100%;
  float: right;
  padding-top: 15px; }
  @media (max-width: 959px) {
    .conductor-archive-page .row .col-sm-12 {
      padding-right: 0 !important; } }
  @media (max-width: 425px) {
    .conductor-archive-page tr.table-header > th {
      font-size: 10px; } }
  @media (max-width: 767px) {
    .conductor-archive-page .conductor-archive-page--main-box {
      padding-left: 0 !important;
      margin-top: 15px; } }
  .conductor-archive-page table {
    direction: rtl; }
    .conductor-archive-page table thead {
      background-color: #ccc;
      font-size: 12px; }
    .conductor-archive-page table tbody {
      border: 1px solid #eee; }
    .conductor-archive-page table .conductor-archive-page--main-header {
      border: 1px solid #ccc; }
    .conductor-archive-page table tr {
      line-height: 32px; }
      .conductor-archive-page table tr th {
        text-align: center;
        font-weight: normal;
        border: 0; }
      .conductor-archive-page table tr.table-header {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fff; }
        .conductor-archive-page table tr.table-header > th {
          background-color: #696969; }
  .conductor-archive-page tbody .vertical-middle {
    vertical-align: middle; }
    .conductor-archive-page tbody .vertical-middle td {
      padding: 5px 15px;
      font-size: 14px;
      color: #4b4b4b; }
    .conductor-archive-page tbody .vertical-middle .program-name {
      line-height: 20px; }
    .conductor-archive-page tbody .vertical-middle .program-image {
      height: 64px; }
      .conductor-archive-page tbody .vertical-middle .program-image img {
        display: block;
        float: right;
        width: 64px;
        height: 100%;
        background-color: #ebebeb;
        border: 1px solid #eee;
        padding: 5px; }
  .conductor-archive-page tbody a {
    font-size: 14px;
    line-height: 20px;
    color: #4b4b4b; }
    .conductor-archive-page tbody a:hover {
      color: #8d145b ; }
  .conductor-archive-page tbody .program-info {
    padding: 0; }
  .conductor-archive-page tbody .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1; }
  .conductor-archive-page .tv3-icon-link::before {
    color: #8d145b ;
    font-weight: bolder; }
  .conductor-archive-page .tv3-icon-info::before {
    color: #8d145b ;
    font-size: 14px;
    padding-top: 3px; }
  .conductor-archive-page .tv3-icon-time::before {
    font-size: 15px; }
  .conductor-archive-page .tv3-icon-dot-dot::before {
    font-size: 15px; }
  .conductor-archive-page .tv3-icon-time-program::before {
    font-size: 15px; }
  .conductor-archive-page .conductor-archive-page--duration {
    text-align: center; }

.news-details-page--view-news {
  padding-left: 15px !important; }

section.news {
  margin-bottom: 0 !important; }

.news-details-page .news-page--main .news-wrapper .news-wrapper--header {
  margin-bottom: 15px;
  display: block;
  float: right;
  width: 100%; }
  .news-details-page .news-page--main .news-wrapper .news-wrapper--header time {
    display: inline;
    float: left;
    font-size: 10px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: auto;
    width: auto;
    line-height: 26px;
    color: #868686; }
  .news-details-page .news-page--main .news-wrapper .news-wrapper--header h5 {
    display: inline;
    direction: rtl;
    float: right;
    color: #868686;
    font-size: 10px;
    line-height: 26px;
    margin: 0;
    font-weight: normal !important; }
  .news-details-page .news-page--main .news-wrapper .news-wrapper--header h3 {
    display: block;
    direction: rtl;
    float: right;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    margin-top: 10px !important; }
  .news-details-page .news-page--main .news-wrapper .news-wrapper--header p {
    direction: rtl;
    float: right;
    border-radius: 5px;
    background-clip: padding-box;
    height: auto;
    width: 85%;
    text-align: justify;
    padding: 10px;
    background: #f5f5f5;
    color: #696969;
    border: 1px solid #eee;
    font-size: 11px;
    margin: 2.5% 7.5%;
    font-weight: normal;
    line-height: 26px; }

.news-details-page .news-page--main .news-wrapper .news-wrapper--content {
  direction: rtl;
  font-size: 14px;
  font-weight: normal;
  word-spacing: 1px;
  line-height: 26px;
  display: block;
  width: 100%;
  float: right; }
  .news-details-page .news-page--main .news-wrapper .news-wrapper--content img {
    padding: 15px 0; }

.news-details-page .widget-latest-news {
  padding: 0 !important; }
  .news-details-page .widget-latest-news .panel {
    padding: 0 !important; }
  .news-details-page .widget-latest-news .panel-body {
    display: block;
    float: right;
    width: 100%; }

.program-details-page {
  background: #8d145b;
  display: block;
  width: 100%;
  float: right;
  margin-top: 15px;
  cursor: default; }
  @media (max-width: 767px) {
    .program-details-page .program-details-page--player {
      padding-bottom: 0 !important; }
      .program-details-page .program-details-page--player figure {
        height: 300px !important; }
        .program-details-page .program-details-page--player figure h3 {
          height: 46px !important;
          line-height: 41px !important;
          right: 10px !important;
          padding-right: 5px !important; }
      .program-details-page .program-details-page--player .program-details-page--player--icon {
        top: 37% !important;
        left: 36% !important; }
    .program-details-page .program-details-page--description {
      padding-bottom: 0 !important;
      padding-left: 0 !important; }
      .program-details-page .program-details-page--description .description--title h3 {
        padding-right: 10px; }
      .program-details-page .program-details-page--description .description--produce--text {
        padding: 8px 10px !important; }
      .program-details-page .program-details-page--description .description--main--conductor h5 {
        padding-right: 10px !important; }
      .program-details-page .program-details-page--description .description--main--crew h5 {
        padding-right: 10px !important; }
      .program-details-page .program-details-page--description .description--main--crew p {
        padding: 0 10px !important; }
      .program-details-page .program-details-page--description .description--main--social {
        right: 10px; }
    .program-details-page .slider-title h3 {
      position: absolute;
      right: 0;
      padding: 0 10px; }
    .program-details-page .program-details-page--player--wrapper .owl-nav {
      padding: 0 10px; }
    .program-details-page .program-details-page--player--wrapper a {
      height: 125px !important; }
      .program-details-page .program-details-page--player--wrapper a h3 {
        padding-right: 10px !important; } }
  .program-details-page .row {
    background: #8d145b; }
    .program-details-page .row .program-details-page--description {
      padding: 15px;
      padding-right: 0 !important;
      display: block;
      float: right; }
      .program-details-page .row .program-details-page--description .description--main {
        padding: 15px 0;
        height: 400px;
        background: rgba(34, 35, 49, 0.46);
        float: right;
        text-align: right;
        display: block;
        width: 100%;
        position: relative; }
        .program-details-page .row .program-details-page--description .description--main .description--produce {
          display: block;
          width: 100%;
          float: right;
          direction: rtl;
          padding-right: 15px; }
          @media (max-width: 767px) {
            .program-details-page .row .program-details-page--description .description--main .description--produce {
              padding-right: 0 !important; } }
          .program-details-page .row .program-details-page--description .description--main .description--produce .description--produce--main {
            display: block;
            width: 100%;
            float: right;
            font-size: 12px; }
            .program-details-page .row .program-details-page--description .description--main .description--produce .description--produce--main .description--produce--text {
              display: block;
              color: #fff;
              font-weight: normal;
              background: rgba(53, 56, 96, 0.3);
              float: right;
              width: 18%;
              margin-left: 3%;
              padding: 8px 5px; }
            .program-details-page .row .program-details-page--description .description--main .description--produce .description--produce--main .description--produce--producer {
              background: rgba(53, 56, 96, 0.3);
              width: 79%;
              float: right;
              padding: 8px 5px;
              color: #fff; }
        .program-details-page .row .program-details-page--description .description--main .description--main--conductor {
          display: block;
          width: 100%;
          float: right;
          color: #fff;
          font-size: 12px;
          direction: rtl;
          padding-right: 15px; }
          @media (max-width: 767px) {
            .program-details-page .row .program-details-page--description .description--main .description--main--conductor {
              padding-right: 0 !important; } }
          .program-details-page .row .program-details-page--description .description--main .description--main--conductor h5 {
            font-weight: normal; }
        .program-details-page .row .program-details-page--description .description--main .description--main--crew {
          display: block;
          width: 100%;
          float: right;
          color: #fff;
          font-size: 12px;
          direction: rtl;
          margin-bottom: 15px;
          padding: 15px;
          padding-top:0px!important;
        }
          @media (max-width: 767px) {
            .program-details-page .row .program-details-page--description .description--main .description--main--crew {
              padding-right: 0 !important; } }
          .program-details-page .row .program-details-page--description .description--main .description--main--crew h5 {
            margin-top: 25px;
            font-size: 12px;
            font-weight: normal; }
          .program-details-page .row .program-details-page--description .description--main .description--main--crew .mCustomScrollbar-container {
            height: 100px;
            overflow: hidden;
            direction: ltr;
            display: block;
            line-height: 24px; }
          .program-details-page .row .program-details-page--description .description--main .description--main--crew .mCSB_container {
            padding-right: 10px;
            padding-left: 10px;
            direction: rtl;
            margin-right: 0 !important; }
          .program-details-page .row .program-details-page--description .description--main .description--main--crew .mCSB_scrollTools {
            right: 0 !important;
            left: auto !important; }
          .program-details-page .row .program-details-page--description .description--main .description--main--crew .mCSB_dragger_bar {
            width: 2px !important; }
        .program-details-page .row .program-details-page--description .description--main .description--main--social {
          height: 50px;
          display: block;
          float: right;
          width: 100%;
          background: rgba(0, 0, 0, 0.2);
          color: #fff;
          position: absolute;
          bottom: 0;
          right: 0;
          direction: rtl;
          padding: 5px 10px; }
          .program-details-page .row .program-details-page--description .description--main .description--main--social a {
            width: 30px;
            height: 30px;
            float: right;
            background: #18b3e2;
            margin: 5px; }
            .program-details-page .row .program-details-page--description .description--main .description--main--social a.description--main--social--instagram {
              background: #fff; }
            .program-details-page .row .program-details-page--description .description--main .description--main--social a img {
              width: 100%;
              height: 100%; }
      .program-details-page .row .program-details-page--description .description--title {
        display: block;
        width: 100%;
        float: right;
        padding-right: 15px; }
        @media (max-width: 767px) {
          .program-details-page .row .program-details-page--description .description--title {
            padding-right: 0 !important; } }
        .program-details-page .row .program-details-page--description .description--title h3 {
          color: #fff;
          margin-bottom: 15px;
          margin-top: 0; }
          .program-details-page .row .program-details-page--description .description--title h3 span.repeat {
            color: #000;
            border-radius: 0;
            float: left;
            width: 15%;
            font-size: 10px;
            text-align: center; }
    .program-details-page .row .program-details-page--player {
      padding: 0;
      float: left;
      margin-top: 15px;
      background: rgba(34, 35, 49, 0.46); }
      .program-details-page .row .program-details-page--player figure {
        width: 100%;
        height: 400px;
        position: relative;
        overflow: hidden;
        padding-bottom: 50px; }
        .program-details-page .row .program-details-page--player figure .vjs-player {
          position: absolute;
          top: 0;
          width: 100%;
          right: 0;
          left: 0;
          bottom: 50px; }
        .program-details-page .row .program-details-page--player figure .program-title {
          background: rgba(0, 0, 0, 0.3);
          display: block;
          float: right;
          width: 100%;
          height: 50px;
          position: absolute;
          bottom: 0; }
          .program-details-page .row .program-details-page--player figure .program-title h3 {
            color: #fff;
            width: 100%;
            bottom: 0;
            height: 50px;
            z-index: 999;
            padding: 5px 15px;
            text-align: right;
            line-height: 45px;
            direction: rtl;
            margin: 0;
            font-size: 12px;
            float: right;
            display: inline-block;
            width: 75%;
            text-align: right !important;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            .program-details-page .row .program-details-page--player figure .program-title h3 .tv3-icon-download::before {
              font-size: 22px; }
        .program-details-page .row .program-details-page--player figure .download {
          position: absolute;
          bottom: 0;
          line-height: 32px;
          color: #fff;
          font-size: 12px;
          white-space: normal; }
          @media (max-width: 767px) {
            .program-details-page .row .program-details-page--player figure .download {
              padding-left: 5px;
              margin-left: 0; } }
          .program-details-page .row .program-details-page--player figure .download .tv3-icon-download {
            float: left;
            padding-right: 5px !important; }
        .program-details-page .row .program-details-page--player figure img.program-details-page--player--slider {
          height: 100%;
          float: none;
          display: inline;
          position: absolute;
          right: -50%; }
        .program-details-page .row .program-details-page--player figure img.program-details-page--player--thumbnail-cover {
          position: relative;
          display: block;
          background-size: cover;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          filter: blur(3px); }
        .program-details-page .row .program-details-page--player figure img.program-details-page--player--thumbnail {
          margin: 0;
          position: absolute;
          top: 43%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .program-details-page .row .program-details-page--player .program-details-page--player--icon {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 40%;
        left: 43%;
        cursor: pointer; }
  .program-details-page .program-details-page--player .video-player {
    border: none !important; }
  .program-details-page .program-details-page--player--wrapper {
    height: 260px;
    background: #8d145b; }
    @media (max-width: 767px) {
      .program-details-page .program-details-page--player--wrapper {
        padding: 15px 0 !important; } }
    .program-details-page .program-details-page--player--wrapper .slider-title {
      padding: 0 !important; }
    .program-details-page .program-details-page--player--wrapper h3 {
      display: inline-block;
      float: right;
      width: 100%;
      color: #fff;
      font-size: 12px;
      line-height: 18px;
      margin: 0 !important;
      position: relative;
      bottom: -100%;
      padding-top: 5px; }
      .program-details-page .program-details-page--player--wrapper h3 a {
        padding: 0 15px 0 0;
        font-size: 12px; }
      .program-details-page .program-details-page--player--wrapper h3:hover, .program-details-page .program-details-page--player--wrapper h3:active {
        color: #8d145b ;
        font-weight: bold; }
    .program-details-page .program-details-page--player--wrapper .download {
      height: 35px;
      position: absolute;
      left: 0;
      bottom: 0;
      /* top: 0; */
      width: 30%;
      padding: 15px 0;
      background: none; }
    .program-details-page .program-details-page--player--wrapper h4 {
      display: inline-block;
      float: right;
      color: #fff;
      font-size: 12px; }
      @media (max-width: 767px) {
        .program-details-page .program-details-page--player--wrapper h4 {
          margin-right: 15px !important;
          white-space: nowrap; } }
    .program-details-page .program-details-page--player--wrapper .owl-nav {
      line-height: 30px;
      float: left; }
      .program-details-page .program-details-page--player--wrapper .owl-nav .owl-prev,
      .program-details-page .program-details-page--player--wrapper .owl-nav .owl-next {
        background: #282a3b;
        color: #fff;
        display: inline-block;
        padding: 5px;
        width: 35px;
        text-align: center;
        float: right;
        cursor: pointer;
        margin-right: 5px; }
        .program-details-page .program-details-page--player--wrapper .owl-nav .owl-prev:hover,
        .program-details-page .program-details-page--player--wrapper .owl-nav .owl-next:hover {
          color: #8d145b ; }
        .program-details-page .program-details-page--player--wrapper .owl-nav .owl-prev.disabled,
        .program-details-page .program-details-page--player--wrapper .owl-nav .owl-next.disabled {
          cursor: default !important;
          color: #777; }
    .program-details-page .program-details-page--player--wrapper .owl-item {
      width: 200px !important; }
      @media (max-width: 375px) {
        .program-details-page .program-details-page--player--wrapper .owl-item {
          width: 172px !important; } }
      @media (max-width: 320px) {
        .program-details-page .program-details-page--player--wrapper .owl-item {
          width: 145px !important; } }

.program-details-page--player--wrapper--slider {
  padding: 15px 5px !important; }
  .program-details-page--player--wrapper--slider .item.program-carousel--item {
    height: 190px !important; }
  @media (max-width: 767px) {
    .program-details-page--player--wrapper--slider {
      padding: 10px !important; } }
  .program-details-page--player--wrapper--slider a.link {
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: rgba(34, 35, 49, 0.46) !important;
    margin-bottom: 5px !important;
    border: 1px solid #fff; }
  .program-details-page--player--wrapper--slider a {
    box-shadow: none !important; }
    .program-details-page--player--wrapper--slider a:hover {
      background: rgba(0, 0, 0, 0.2); }
    .program-details-page--player--wrapper--slider a img.program-carousel--item--img {
      border: 1px solid #fff; }

.program-details-page--feature {
  display: block;
  width: 100%;
  float: right;
  margin-top: 15px;
  background: #e9e9e9;
  cursor: default; }
  @media (max-width: 992px) {
    .program-details-page--feature .widget-latest-news {
      padding-right: 0 !important; } }
  @media (max-width: 767px) {
    .program-details-page--feature .related.program-carousel {
      padding: 0 !important; }
      .program-details-page--feature .related.program-carousel .program-carousel--item a {
        box-shadow: none !important; }
    .program-details-page--feature .related .widget-latest-news {
      padding-right: 0 !important;
      margin-bottom: 15px; }
    .program-details-page--feature .program-details-page--feature--group li {
      font-size: 11px !important; }
    .program-details-page--feature .program-details-page--feature--archive .owl-nav {
      top: -41px !important;
      left: 0 !important; }
    .program-details-page--feature .program-details-page--feature--gallery .owl-nav {
      top: -43px !important; }
    .program-details-page--feature .program-details-page--feature--clip {
      height: 207px !important; }
      .program-details-page--feature .program-details-page--feature--clip .owl-nav {
        top: -63px !important; } }
  @media (max-width: 590px) {
    .program-details-page--feature .program-details-page--feature--conductor ul li {
      width: 50%; }
      .program-details-page--feature .program-details-page--feature--conductor ul li .repeat {
        left: 0 !important; } }
  .program-details-page--feature a {
    color: #777; }
    .program-details-page--feature a:hover {
      color: #8d145b ; }
  .program-details-page--feature .panel-heading {
    margin-bottom: 5px !important; }
  .program-details-page--feature .container {
    overflow: hidden; }
  .program-details-page--feature h3 {
    font-size: 12px;
    font-weight: bold; }
  .program-details-page--feature .program-details-page--feature--group.panel {
    display: block;
    float: right;
    width: 100%; }
    .program-details-page--feature .program-details-page--feature--group.panel .panel-heading li a {
      color: #777;
      font-weight: bold;
      padding-right: 0;
      white-space: nowrap; }
    .program-details-page--feature .program-details-page--feature--group.panel .panel-heading li.active a {
      border: 0;
      border-bottom: 2px solid #8d145b ;
      bottom: -1px;
      color: #8d145b ;
      padding-right: 0; }
  .program-details-page--feature .program-details-page--feature--group li {
    float: right !important;
    direction: rtl;
    font-size: 12px; }
  .program-details-page--feature .program-details-page--feature--group .tab-content {
    direction: rtl;
    display: block;
    float: right;
    width: 100%; }
  .program-details-page--feature .program-details-page--feature--group .program-carousel--item .program-carousel--item--image {
    height: 180px; }
  .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-prev,
  .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-next {
    background: none;
    color: #333;
    padding: 0; }
    .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-prev:hover,
    .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-next:hover {
      color: #8d145b ; }
    .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-prev.disabled,
    .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-next.disabled {
      color: #777 !important; }
      .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-prev.disabled:hover,
      .program-details-page--feature .program-details-page--feature--group .owl-nav .owl-next.disabled:hover {
        color: #777 !important; }
  .program-details-page--feature .program-details-page--feature--group .program-archive {
    display: block;
    float: right;
    width: 100%;
    padding: 0 5px;
    direction: rtl;
    margin-bottom: 15px; }
    .program-details-page--feature .program-details-page--feature--group .program-archive.program--owl-carousel .item {
      float: right;
      display: block;
      width: 100%;
      margin: 10px 0px;
      overflow: hidden; }
      .program-details-page--feature .program-details-page--feature--group .program-archive.program--owl-carousel .item .program-details-page--feature--archive--title,
      .program-details-page--feature .program-details-page--feature--group .program-archive.program--owl-carousel .item .program-details-page--feature--archive--download {
        display: block;
        width: auto;
        float: right; }
      .program-details-page--feature .program-details-page--feature--group .program-archive.program--owl-carousel .item .program-details-page--feature--archive--download a {
        color: #fff; }
      .program-details-page--feature .program-details-page--feature--group .program-archive.program--owl-carousel .item .program-details-page--feature--archive--title {
        color: #000;
        margin-right: 10px; }
    .program-details-page--feature .program-details-page--feature--group .program-archive .owl-item {
      width: 250px !important; }
    .program-details-page--feature .program-details-page--feature--group .program-archive figure {
      display: block;
      float: right;
      width: 100%;
      position: relative; }
      .program-details-page--feature .program-details-page--feature--group .program-archive figure img {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer; }
      .program-details-page--feature .program-details-page--feature--group .program-archive figure .program-details-page--feature--archive--download {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 100%;
        text-align: left;
        vertical-align: middle;
        line-height: 50px;
        background: rgba(0, 0, 0, 0.4);
        padding: 0 10px; }
        .program-details-page--feature .program-details-page--feature--group .program-archive figure .program-details-page--feature--archive--download a {
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          font-size: 12px; }
          .program-details-page--feature .program-details-page--feature--group .program-archive figure .program-details-page--feature--archive--download a i {
            padding-right: 5px; }
  .program-details-page--feature .program-details-page--feature--conductor ul.conductor {
    padding: 10px 30px;
    list-style: none;
    background: #497799;
    background-image: url("../img/m3g-1.jpg");
    border-radius: 2px;
    line-height: 34px;
    margin-bottom: 10px; }
    .program-details-page--feature .program-details-page--feature--conductor ul.conductor li.text-center {
      float: right;
      font-size: 12px;
      font-weight: 500;
      text-align: center;
      padding: 2px 15px;
      color: #b4b2b2;
      min-width: 14%;
      position: relative; }
      .program-details-page--feature .program-details-page--feature--conductor ul.conductor li.text-center time {
        color: #fff;
        display: block; }
      .program-details-page--feature .program-details-page--feature--conductor ul.conductor li.text-center .repeat {
        transform: rotate(-40deg);
        position: absolute;
        top: 8px;
        left: 10px; }
    .program-details-page--feature .program-details-page--feature--conductor ul.conductor li.active {
      color: #fff !important; }
  .program-details-page--feature .program-details-page--feature--introduction p {
    overflow: hidden; }
  .program-details-page--feature .program-details-page--feature--gallery {
    height: 190px;
    padding-top: 20px; }
    @media (max-width: 767px) {
      .program-details-page--feature .program-details-page--feature--gallery {
        padding-top: 0 !important;
        height: 115px !important; } }
    @media (max-width: 320px) {
      .program-details-page--feature .program-details-page--feature--gallery {
        height: 105px !important; } }
    .program-details-page--feature .program-details-page--feature--gallery .program-carousel--item {
      height: 155px;
      width: 270px;
      background: #e9e9e9; }
      @media (max-width: 767px) {
        .program-details-page--feature .program-details-page--feature--gallery .program-carousel--item {
          height: 100px;
          width: 170px; } }
      @media (max-width: 320px) {
        .program-details-page--feature .program-details-page--feature--gallery .program-carousel--item {
          height: 90px;
          width: 140px; } }
      .program-details-page--feature .program-details-page--feature--gallery .program-carousel--item a {
        width: 100%;
        height: 100%;
        display: block;
        float: right;
        outline: 0; }
        .program-details-page--feature .program-details-page--feature--gallery .program-carousel--item a img {
          display: block;
          width: 100%;
          outline: 0; }
    .program-details-page--feature .program-details-page--feature--gallery .owl-carousel {
      padding: 0 15px 15px; }
      .program-details-page--feature .program-details-page--feature--gallery .owl-carousel .owl-nav {
        position: absolute;
        top: -70px;
        left: 0;
        padding: 0 10px; }
  .program-details-page--feature .program-details-page--feature--clip {
    height: 190px;
    padding-top: 20px; }
    .program-details-page--feature .program-details-page--feature--clip .program-carousel--item {
      height: 155px;
      width: 270px; }
    .program-details-page--feature .program-details-page--feature--clip .owl-carousel {
      padding: 0 15px 15px; }
      .program-details-page--feature .program-details-page--feature--clip .owl-carousel .owl-nav {
        position: absolute;
        top: -70px;
        left: 0;
        padding: 0 10px; }
        .program-details-page--feature .program-details-page--feature--clip .owl-carousel .owl-nav.disabled {
          display: block !important; }
    .program-details-page--feature .program-details-page--feature--clip .program-details-page--feature--clip--icon {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 38%;
      left: 41%;
      cursor: pointer; }
    .program-details-page--feature .program-details-page--feature--clip .program-details-page--feature--match-signin p span {
      font-size: 11px !important;
      line-height: 26px; }
  .program-details-page--feature .widget-latest-news .panel {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px; }
    .program-details-page--feature .widget-latest-news .panel a {
      position: relative; }
    .program-details-page--feature .widget-latest-news .panel .image {
      width: 19%;
      height: 45px;
      margin-top: 5px; }
    .program-details-page--feature .widget-latest-news .panel .panel-body {
      overflow: hidden;
      direction: ltr;
      padding-bottom: 0; }
      .program-details-page--feature .widget-latest-news .panel .panel-body.desktop-view {
        height: 180px; }
      .program-details-page--feature .widget-latest-news .panel .panel-body.mobile-view img {
        height: auto; }
      .program-details-page--feature .widget-latest-news .panel .panel-body a {
        direction: rtl;
        border-bottom: 1px solid #e9e9e9; }
  .program-details-page--feature .widget-latest-news img {
    width: 100%;
    height: 100%;
    float: right;
    margin-bottom: 5px; }
  .program-details-page--feature .widget-latest-news p {
    width: 78%;
    font-size: 9px;
    height: auto;
    margin: 0;
    padding: 10px 15px 10px 0;
    color: #777;
    text-align: right;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 6px;
    right: 20%;
    line-height: 30px; }
    .program-details-page--feature .widget-latest-news p:hover {
      color: #8d145b ; }
  .program-details-page--feature .widget-latest-news .mCSB_container {
    margin-right: 15px; }
  .program-details-page--feature .widget-latest-news .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; }
  .program-details-page--feature .related {
    height: 226px; }
    .program-details-page--feature .related .owl-item {
      width: 250px !important; }
    @media (max-width: 767px) {
      .program-details-page--feature .related.program-carousel {
        height: 145px; }
      .program-details-page--feature .related .owl-item {
        width: 140px !important;
        position: relative; }
      .program-details-page--feature .related .program-carousel--item > a img {
        height: auto; }
      .program-details-page--feature .related .program-carousel--item {
        height: 90px !important; }
        .program-details-page--feature .related .program-carousel--item h3 {
          position: absolute;
          bottom: 0;
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          padding: 10px 0;
          margin: 0; } }
    .program-details-page--feature .related .panel-heading {
      padding-top: 0; }
    .program-details-page--feature .related .program-carousel--item {
      height: 135px; }
      .program-details-page--feature .related .program-carousel--item a {
        height: 135px;
        margin-bottom: 0;
        color: #777;
        box-shadow: none; }
        .program-details-page--feature .related .program-carousel--item a:hover {
          color: #8d145b ; }
      .program-details-page--feature .related .program-carousel--item h3 {
        float: right;
        width: 100%;
        text-align: center;
        font-weight: normal !important; }
    .program-details-page--feature .related .owl-carousel .owl-nav {
      margin: 1px 5px 0 0;
      top: -43px !important; }
      .program-details-page--feature .related .owl-carousel .owl-nav .owl-prev,
      .program-details-page--feature .related .owl-carousel .owl-nav .owl-next {
        padding: 0; }

.program-details-page--feature--archive {
  display: block;
  width: 100%;
  float: right;
  height: 280px;
  overflow: hidden;
  direction: ltr; }
  .program-details-page--feature--archive h3 {
    font-size: 12px;
    line-height: 26px;
    margin-top: 10px;
    background: #e9e9e9;
    padding: 5px; }
  .program-details-page--feature--archive a {
    color: #8d145b ;
    font-size: 10px; }
  .program-details-page--feature--archive .owl-nav {
    position: absolute;
    top: -50px;
    left: 0; }
  .program-details-page--feature--archive .owl-carousel--item {
    display: block;
    width: 100%;
    float: right; }
    .program-details-page--feature--archive .owl-carousel--item a {
      color: #777; }
      .program-details-page--feature--archive .owl-carousel--item a:hover {
        color: #8d145b ; }
  .program-details-page--feature--archive .mCSB_scrollTools {
    right: 0 !important;
    left: auto !important; }
  .program-details-page--feature--archive .mCSB_container {
    margin-left: 5px !important;
    margin-right: 15px !important; }

.program-carousel--item--icon {
  width: 50px !important;
  height: 50px !important;
  position: absolute;
  top: 34%;
  left: 40%; }

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease; }

a:hover .overlay {
  height: 100%; }

.text {
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #fff;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 55%;
  left: 50%; }
  .text .program-carousel--slider--icon {
    width: 50px !important;
    height: 50px !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px !important; }

.main-box-exir {
  padding-left: 10px; }
  .main-box-exir .panel-body {
    direction: rtl; }
    .main-box-exir .panel-body.main-box-exir--replay h4 {
      font-size: 10px;
      letter-spacing: 1px;
      border-bottom: 2px solid #ddd;
      line-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .main-box-exir .panel-body h6 {
      font-size: 10px; }
    .main-box-exir .panel-body .btn.download {
      box-shadow: 0 2px 3px 0 #ccc;
      color: #fff;
      background: #7da057;
      margin-bottom: 10px;
      font-size: 11px; }
      .main-box-exir .panel-body .btn.download:hover {
        background-color: #6b894a !important; }
    .main-box-exir .panel-body .tv3-icon-download::before {
      font-size: 16px;
      padding: 8px;
      background-color: #8aab65;
      margin-left: 5px;
      border-radius: 2px; }

.exir-page {
  display: block;
  width: 100%;
  float: right;
  padding-top: 15px; }
  .exir-page .program-full-cover {
    height: 300px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 2px;
    background-color: #8d145b ; }
    .exir-page .program-full-cover .details {
      position: absolute;
      top: 30%;
      right: 8%;
      color: #fff;
      text-shadow: 0 0 2px #777;
      font-size: 14px; }
      .exir-page .program-full-cover .details h1 {
        direction: rtl;
        font-size: 42px;
        line-height: 70px;
        font-weight: normal; }
      .exir-page .program-full-cover .details h2 {
        font-size: 14px;
        direction: rtl; }
  .exir-page .exir--health-tips .list {
    direction: rtl;
    width: 100%;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 26px;
    color: #4b4b4b; }
  .exir-page .exir--health-tips a:hover {
    color: #8d145b ;
    text-decoration: none; }
  .exir-page .exir--health-tips a:active {
    color: #8d145b ;
    text-decoration: none; }
  .exir-page .exir--health-question a.btn-link {
    padding: 5px; }
  .exir-page .exir--health-question p {
    font-size: 10px;
    line-height: 20px; }
  .exir-page .exir--health-question .exir--health-question--title.row {
    display: block;
    width: 100%;
    float: right; }
  .exir-page .exir--health-question > label.col-md-3 {
    font-size: 8px;
    padding: 0 5px; }
  .exir-page .exir--healthy-live {
    padding-right: 0; }
    .exir-page .exir--healthy-live ul {
      list-style: none;
      padding-right: 25px; }
      .exir-page .exir--healthy-live ul li {
        display: block;
        float: right;
        width: 100%; }
        .exir-page .exir--healthy-live ul li h4 {
          font-size: 10px;
          letter-spacing: 1px;
          border-bottom: 2px solid #ddd;
          line-height: 24px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 0 !important; }
          .exir-page .exir--healthy-live ul li h4 a {
            font-size: 12px;
            color: #4b4b4b;
            line-height: 22px; }
            .exir-page .exir--healthy-live ul li h4 a:hover {
              color: #8d145b ; }
        .exir-page .exir--healthy-live ul li .exir--healthy-live-tips p {
          font-size: 9px;
          line-height: 20px;
          font-weight: normal;
          color: #4b4b4b; }
  .exir-page .exir--contact p {
    font-size: 9px;
    line-height: 22px; }
  .exir-page .exir--contact a {
    margin-bottom: 10px;
    font-size: 12px; }
  .exir-page .panel {
    display: block;
    width: 100%;
    float: right; }
    .exir-page .panel .panel-body {
      display: block;
      width: 100%;
      float: right; }
      .exir-page .panel .panel-body form > div {
        font-size: 9px;
        direction: rtl;
        line-height: 26px;
        text-align: center; }
        .exir-page .panel .panel-body form > div a {
          font-size: 10px;
          line-height: 26px; }
        .exir-page .panel .panel-body form > div label {
          float: right;
          font-size: 10px;
          height: auto;
          font-family: 'Yekan', 'Number';
          font-weight: normal;
          text-align: right;
          padding-left: 0 !important; }
        .exir-page .panel .panel-body form > div input {
          border-radius: 3px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          color: #333;
          background: #eee;
          padding: 5px 10px;
          border: 1px solid #eee;
          resize: none;
          user-select: text !important; }
          .exir-page .panel .panel-body form > div input.btn {
            color: #fff;
            background-color: #71bd0c;
            margin-top: 10px;
            font-size: 10px;
            line-height: 25px;
            min-height: 35px; }
            .exir-page .panel .panel-body form > div input.btn:hover {
              background-color: #4cae4c; }
        .exir-page .panel .panel-body form > div textarea {
          border-radius: 3px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          height: 35px;
          box-sizing: border-box;
          cursor: text;
          padding: 5px 10px;
          color: #333;
          background: #eee;
          border: 1px solid #eee;
          resize: none;
          user-select: text !important;
          min-height: 130px;
          margin-top: 10px; }
  .exir-page li.parsley-required {
    display: block;
    width: 100%;
    float: right;
    padding: 10px;
    color: #8d145b ; }
  .exir-page .exir--attraction-tips .panel-body {
    padding: 10px; }
  .exir-page .exir--attraction-tips img {
    width: 100%; }
  .exir-page .exir--attraction-tips ul {
    list-style: none;
    padding: 0;
    display: block;
    width: 100%;
    float: right; }
    .exir-page .exir--attraction-tips ul li {
      padding: 5px;
      margin-bottom: 5px; }
  .exir-page .text-center.text-success {
    font-size: 10px;
    color: #8d145b ;
    line-height: 23px;
    direction: rtl; }
  .exir-page .tv3-icon-dot-dot::before {
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px; }
  @media (max-width: 767px) {
    .exir-page .main-box-exir {
      padding: 0; } }
  @media (max-width: 767px) {
    .exir-page .col-md-6.col-xs-12.no-padding-right {
      padding: 0; } }
  @media (max-width: 1023px) {
    .exir-page .right-side-bar {
      padding: 0 !important; } }

.home-page .home-page-slider {
  min-height: 160px;
  background-color: #000; }
  .home-page .home-page-slider .sp-thumbnails-container {
    position: absolute;
    bottom: 10px; }

.home-page .m3g-conductor.horizontal {
  overflow: hidden !important;
  max-width: 100% !important; }

.home-page .programs-icon-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.home-page .program-carousel .header-title {
  /*padding-bottom: 5px;
  border-bottom: 1px solid #000;*/
         padding: 5px 20px;
     background-color: #0f82c8;
    background-image: linear-gradient(#0f82c8 0%, #42a9eb 51%, #0f82c8 75%);
}


  .home-page .program-carousel .header-title > a {
    font-size: 15px;
    line-height: 27px;
    /*border-bottom:1px solid #8d145b;*/
    padding-bottom: 6px; }
  .home-page .program-carousel .header-title > .tv3-icon-link {
    font-size: 20px; }
    .home-page .program-carousel .header-title > .tv3-icon-link::before {
      line-height: 26px; }

.home-page .tv3-icon-timer::before {
  line-height: 30px; }

.home-page .sp-fade-arrows {
  opacity: 1; }
  .home-page .sp-fade-arrows .sp-arrow {
    width: 5px; }
  .home-page .sp-fade-arrows .sp-previous-arrow:hover::after, .home-page .sp-fade-arrows .sp-previous-arrow:hover::before,
  .home-page .sp-fade-arrows .sp-next-arrow:hover::after,
  .home-page .sp-fade-arrows .sp-next-arrow:hover::before {
    background: #8d145b ; }

.frequences-page {
  display: block;
  width: 100%;
  float: left;
  padding-top: 15px; }
  .frequences-page .content {
    padding-left: 10px;
    padding-right: 10px; }
  .frequences-page .main-frequence {
    direction: rtl; }
  .frequences-page .panel {
    direction: rtl; }
    .frequences-page .panel .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #f5f5f5; }
    .frequences-page .panel table {
      margin-bottom: 0;
      border: 1px solid #eee; }
      .frequences-page .panel table .en {
        font-family: 'Helvetica', 'Helvetica Neue', 'sans-serif' !important; }
      .frequences-page .panel table .table-header {
        background-color: #696969 !important; }
      .frequences-page .panel table th {
        text-align: center; }
      .frequences-page .panel table.table-1 tr {
        text-align: right;
        float: right;
        display: inline-block;
        width: 100%; }
        .frequences-page .panel table.table-1 tr th {
          width: 100%;
          border: 0;
          font-size: 12px;
          color: #fff; }
        .frequences-page .panel table.table-1 tr td {
          text-align: right;
          float: right;
          display: inline-block;
          width: 25%;
          font-size: 10px;
          border: 0; }
      .frequences-page .panel table.table-1 .table-header {
        background-color: #696969 !important; }
      .frequences-page .panel table.table-2 td {
        text-align: center;
        border: 0;
        font-size: 10px;
        font-weight: normal; }
      .frequences-page .panel table.table-2 .table-header {
        background-color: #696969 !important;
        color: #fff; }
        .frequences-page .panel table.table-2 .table-header th {
          font-weight: normal;
          font-size: 11px; }
      .frequences-page .panel table.table-3 .table-header {
        background-color: #696969 !important;
        color: #fff; }
        .frequences-page .panel table.table-3 .table-header th {
          font-weight: bold;
          text-align: center;
          font-size: 9px; }
      .frequences-page .panel table.table-3 td {
        font-size: 10px;
        border: 0;
        line-height: 20px;
        text-align: center; }
    .frequences-page .panel .irib {
      direction: ltr;
      border: 1px solid #eee !important;
      line-height: 122px !important; }
  .frequences-page .widget-latest-news {
    border: 0; }
    .frequences-page .widget-latest-news .panel-body img {
      float: right;
      border-radius: 2px;
      height: 45px;
      margin-top: 5px;
      margin-left: 5px; }
    .frequences-page .widget-latest-news .panel-body p {
      font-size: 10px;
      height: auto;
      margin: 0;
      line-height: normal;
      padding: 10px;
      color: #777; }
    .frequences-page .widget-latest-news .panel-body a {
      border-bottom: 1px solid #eee; }
  @media (max-width: 767px) {
    .frequences-page .main-frequence {
      padding: 0 !important; } }

.news-page .panel {
  border: 0;
  border-radius: 0; }

.news-page .news-page--main {
  text-align: right; }
  .news-page .news-page--main .panel {
    margin-left: 15px; }
  .news-page .news-page--main .panel-body img {
    width: 100%; }
  .news-page .news-page--main .panel-body .item-news {
    float: right;
    padding: 10px 0;
    border-bottom: 1px solid #eee; }
  .news-page .news-page--main .news-page--main--description {
    padding-top: 5px;
    padding-left: 0; }
    .news-page .news-page--main .news-page--main--description span {
      display: inline;
      float: left;
      color: #f2bd57;
      line-height: 20px;
      font-size: 10px;
      text-align: left; }
    .news-page .news-page--main .news-page--main--description time {
      display: inline;
      float: right;
      font-size: 10px;
      color: #777;
      font-weight: normal;
      margin-left: 0;
      line-height: 20px;
      text-align: right;
      padding: 0; }
      .news-page .news-page--main .news-page--main--description time .tv3-icon-table {
        padding-right: 5px;
        line-height: 14px; }
        .news-page .news-page--main .news-page--main--description time .tv3-icon-table::before {
          font-size: 15px; }
    .news-page .news-page--main .news-page--main--description h3 {
      direction: rtl;
      display: inline; }
    .news-page .news-page--main .news-page--main--description h5 {
      display: inline-block;
      direction: rtl;
      margin: 0;
      line-height: 20px;
      font-weight: normal;
      color: #868686;
      font-size: 10px;
      padding: 0; }
    .news-page .news-page--main .news-page--main--description h2 {
      display: inline-block;
      direction: rtl;
      font-size: 14px;
      color: #333;
      font-weight: normal;
      line-height: 24px; }
      .news-page .news-page--main .news-page--main--description h2:hover {
        color: #8d145b ; }
    .news-page .news-page--main .news-page--main--description p {
 direction: rtl;
    font-size: 12px;
    color: #777;
    font-weight: normal;
    text-align: justify; }

.news-page .news-vertical-item {
  display: block;
  float: right;
  width: 100%;
  padding-bottom: 15px; }
  .news-page .news-vertical-item .panel-body {
    background-color: #fff;
    padding-top: 15px; }
  .news-page .news-vertical-item img {
    width: 100%; }
  .news-page .news-vertical-item h5 {
    direction: rtl;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-weight: normal;
    margin-bottom: 3px;
    color: #555;
    letter-spacing: -.25px;
    line-height: 26px;
    font-size: 12px; }
    .news-page .news-vertical-item h5:hover {
      color: #8d145b ; }
  .news-page .news-vertical-item p {
    direction: rtl;
    float: right;
    height: 110px;
    width: 100%;
    margin: 0;
    color: #777;
    font-family: 'IranSans';
    letter-spacing: -.25px;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 26px; }
  .news-page .news-vertical-item .view-btn {
    display: inline-block;
    border-radius: 2px;
    background-color: #7da057;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 32px;
    color: #fff;
    padding-left: 15px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: 0 2px 3px 0 #ccc; }
    .news-page .news-vertical-item .view-btn:hover {
      background-color: #6b894a; }
    .news-page .news-vertical-item .view-btn .tv3-icon-menu {
      float: right;
      border-radius: 2px;
      background-color: #8aab65;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      line-height: 26px;
      margin-left: 10px; }
      .news-page .news-vertical-item .view-btn .tv3-icon-menu::before {
        line-height: 12px; }

@media (max-width: 767px) {
  .news-page .panel {
    margin-left: 0 !important; }
  .news-page .col-md-4.col-sm-4.padding-left {
    padding-left: 0 !important; }
  .news-page .col-md-12.col-sm-12.panel-body {
    margin-top: 15px; }
  .news-page .news-page--main--description {
    padding-right: 0;
    padding-left: 0; }
    .news-page .news-page--main--description h5 {
      padding: 10px 0 !important; }
    .news-page .news-page--main--description span {
      text-align: left; }
    .news-page .news-page--main--description time {
      text-align: right;
      padding: 0;
      margin-left: 0; } }

@media (max-width: 1023px) {
  .news-page .news-page--main--description time {
    text-align: right !important; } }

.faq-page {
  display: block;
  width: 100%;
  float: left;
  padding-top: 15px; }
  .faq-page .panel-heading .tv3-icon-help-round-button::before {
    font-size: 13px;
    padding-left: 5px; }
  .faq-page .faq {
    direction: rtl;
    list-style: none;
    padding: 0; }
    .faq-page .faq .tv3-icon-help-round-button::before {
      color: #8d145b ; }
    .faq-page .faq li {
      border-bottom: 1px solid #eee; }
    .faq-page .faq .question {
      margin-bottom: 0;
      display: inline-block;
      line-height: 27px;
      cursor: pointer;
      padding: 10px 0;
      border-radius: 4px;
      font-size: 12px;
      text-align: justify; }
    .faq-page .faq .tv3-icon-profile-image {
      position: relative;
      top: 17px;
      display: inline-block;
      float: right;
      padding-right: 5px; }
      .faq-page .faq .tv3-icon-profile-image::before {
        font-size: 13px; }
    .faq-page .faq .answer {
      padding: 0;
      line-height: 42px;
      font-size: 12px;
      text-align: justify;
      margin: 15px;
      background-color: #ddd; }
      .faq-page .faq .answer .tv3-icon-icon::before {
        padding: 0 5px;
        color: #71bd0c; }
    .faq-page .faq::before {
      color: #398439;
      font-size: 12px; }
  .faq-page .alert {
    direction: rtl; }
  @media (max-width: 767px) {
    .faq-page .faq-page--ask {
      padding: 0 !important; } }

.topic-page {
  display: block;
  width: 100%;
  float: left;
  padding-top: 15px; }
  @media (max-width: 767px) {
    .topic-page .col-md-3.col-sm-4.col-xs-12.pull-left {
      padding: 0 !important; }
    .topic-page .topic-latest-news {
      padding: 0 !important; } }
  .topic-page .panel-body ul {
    list-style: none;
    direction: rtl; }
    .topic-page .panel-body ul li a {
      float: right;
      font-size: 10px;
      line-height: 26px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: auto;
      width: 100%;
      margin: 0;
      padding: 5px 10px;
      font-family: 'IranSans';
      letter-spacing: -.25px;
      color: #777; }
    .topic-page .panel-body ul li .tv3-icon-dot-dot {
      padding-left: 5px; }
      .topic-page .panel-body ul li .tv3-icon-dot-dot::before {
        font-size: 16px; }
  .topic-page .topic-page--view .panel-heading i {
    font-size: 16px; }
  .topic-page .topic-page--view .panel-body time {
    font-size: 10px;
    color: #868686;
    display: inline-block;
    float: left;
    line-height: 21px;
    padding: 0;
    margin-bottom: 10px; }
  .topic-page .topic-page--view .panel-body h2 {
    display: inline-block;
    float: right;
    direction: rtl;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: auto;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 10px;
    letter-spacing: -.25px;
    color: #868686;
    font-size: 10px; }
  .topic-page .topic-page--view .panel-body h1 {
    display: block;
    float: right;
    direction: rtl;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: auto;
    width: 100%;
    font-weight: 500;
    margin-bottom: 20px;
    color: #555;
    letter-spacing: -.25px;
    font-size: 14px;
    margin-top: 0;
    line-height: 26px; }
  .topic-page .topic-page--view .panel-body p {
    display: block;
    float: right;
    direction: rtl;
    height: auto;
    width: 85%;
    margin: 15px 7.5%;
    padding: 10px;
    letter-spacing: -.25px;
    color: #555 !important;
    background: #e9e9e9;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 23px;
    text-align: justify !important;
    margin-top: 0; }
  .topic-page article.content img {
    display: block;
    float: right;
    width: 100%;
    height: 100%;
    padding: 15px 7.5%; }
  .topic-page article.content p {
    display: block;
    float: right;
    direction: rtl;
    height: auto;
    width: 85%;
    text-align: justify;
    padding: 10px;
    letter-spacing: -.25px;
    background: #fff !important;
    line-height: 23px !important;
    color: #333;
    border: 0 !important; }
  .topic-page article.content h3 {
    display: block;
    width: 100%;
    float: right;
    font-size: 14px;
    margin: 0 7.5% !important; }
  .topic-page article.content h2 {
    display: block;
    float: right;
    font-size: 14px;
    margin: 0 7.5% !important;
    color: #696969 !important; }
  .topic-page .tv3-icon-news::before {
    color: #ccc; }
  .topic-page .tv3-icon-contact::before {
    color: #ccc; }
  .topic-page .tv3-icon-arrow-point-to-left::before {
    color: #ccc; }
  .topic-page .tv3-icon-arrow-point-to-right::before {
    color: #ccc; }
  .topic-page .tv3-icon-email-outline::before {
    color: #ccc; }
  .topic-page a.accessibility {
    color: #ccc; }

.m3g-modal-wrapper {
  background-color: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: none; }
  .m3g-modal-wrapper img {
    max-width: 80%;
    height: auto;
    margin-top: 10%; }

.contact-us-page {
  display: block;
  width: 100%;
  float: right;
  padding-top: 15px; }
  .contact-us-page .panel {
    display: block;
    width: 100%;
    float: right;
    border-radius: 0; }
    .contact-us-page .panel .panel-body {
      display: block;
      float: right;
      width: 100%; }
      .contact-us-page .panel .panel-body .contact-us-page--info {
        display: block;
        width: 100%;
        float: right;
        direction: rtl;
        font-size: 12px;
        line-height: 28px; }
        .contact-us-page .panel .panel-body .contact-us-page--info a {
          color: #000; }
          .contact-us-page .panel .panel-body .contact-us-page--info a:hover {
            color: #8d145b ; }
          .contact-us-page .panel .panel-body .contact-us-page--info a:focus {
            color: #8d145b ; }
        .contact-us-page .panel .panel-body .contact-us-page--info i {
          padding-left: 10px; }
          .contact-us-page .panel .panel-body .contact-us-page--info i.tv3-icon-phone::before {
            font-size: 20px; }
          .contact-us-page .panel .panel-body .contact-us-page--info i.tv3-icon-sms::before {
            font-size: 20px; }
          .contact-us-page .panel .panel-body .contact-us-page--info i.tv3-icon-email-outline::before {
            font-size: 20px; }
          .contact-us-page .panel .panel-body .contact-us-page--info i.tv3-icon-telegram::before {
            font-size: 20px; }
        .contact-us-page .panel .panel-body .contact-us-page--info h5 {
          display: inline-block;
          width: 100%;
          color: #8d145b ; }
        .contact-us-page .panel .panel-body .contact-us-page--info img {
          max-width: 120px;
          max-height: 150px; }
  .contact-us-page .map-image img {
    width: 100%;
    padding: 15px; }
  @media (max-width: 767px) {
    .contact-us-page .col-md-8.no-padding-right {
      padding-left: 0 !important; } }
  @media (max-width: 375px) {
    .contact-us-page .contact-us-page--info {
      text-align: center; }
      .contact-us-page .contact-us-page--info ul {
        width: 100%; }
      .contact-us-page .contact-us-page--info img {
        float: none !important; } }

.my-quiz-page {
  display: block;
  width: 100%;
  float: right; }

.all-quiz-page {
  display: block;
  width: 100%;
  float: right;
  margin-bottom: 20px; }
  .all-quiz-page .panel {
    margin-bottom: 0 !important;
    display: block;
    float: right;
    position: relative; }
  .all-quiz-page ul {
    list-style: none; }
  .all-quiz-page .panel-heading {
    padding: 0;
    margin: 0;
    border: 0; }
    .all-quiz-page .panel-heading .quiz-title {
      position: relative;
      height: 170px;
      display: block;
      width: 100%;
      float: right;
      background: #8d145b; }
      .all-quiz-page .panel-heading .quiz-title h2 {
        color: #fff;
        text-align: center;
        padding: 2%;
        font-weight: bold; }
      .all-quiz-page .panel-heading .quiz-title img {
        position: absolute;
        top: 22px;
        padding: 0 25px;
        width: 100%; }
  .all-quiz-page .panel-body {
    background: #fff;
    float: right; }
    .all-quiz-page .panel-body .quiz-description {
      display: block;
      width: 100%;
      float: right;
      padding: 90px 15px 0;
      margin-bottom: 25px; }
      .all-quiz-page .panel-body .quiz-description .quiz-description--details {
        border: 2px dashed #ccc;
        display: block;
        float: right;
        border-radius: 10px;
        padding: 15px; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question {
          display: block;
          float: right;
          width: 100%;
          padding: 15px 0; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question .quiz-description--details--img {
            width: 30px;
            height: 30px;
            display: block;
            float: right; }
            .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question .quiz-description--details--img img {
              width: 100%; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question h4 {
            display: block;
            float: right;
            line-height: 30px;
            padding: 0 10px;
            font-size: 14px;
            color: #b4b2b2;
            font-weight: bold;
            margin: 0;
            direction: rtl;
            text-align: right; }
            .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question h4.quiz-expire-time {
              line-height: 38px; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question span {
            float: right;
            direction: rtl;
            line-height: 25px;
            text-align: right;
            font-size: 25px;
            color: #24b1a0;
            font-weight: bold;
            margin-right: 15px; }
            @media screen and (max-width: 768px) {
              .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question span {
                text-align: center; } }
            @media screen and (max-width: 424px) {
              .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question span {
                margin: 10px 0; } }
            .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question span.quiz-expire-time {
              direction: ltr; }
              .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side .quiz-description--details--question span.quiz-expire-time .time-part {
                width: 44px;
                text-align: center;
                display: inline-block; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side h2 {
          font-weight: bold;
          font-size: 28px;
          margin-top: 0;
          line-height: 46px; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--details .right-side h2 span {
            color: #24b1a0 !important;
            padding-left: 5px; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--details .left-side content {
          padding: 15px;
          display: block;
          float: left;
          width: 100%;
          text-align: justify;
          color: #868686;
          font-size: 13px;
          line-height: 26px;
          min-height: 135px; }
          @media screen and (max-width: 768px) {
            .all-quiz-page .panel-body .quiz-description .quiz-description--details .left-side content {
              height: auto; } }
          .all-quiz-page .panel-body .quiz-description .quiz-description--details .left-side content p {
            font-size: 14px;
            font-weight: bold;
            word-spacing: 5px; }
      .all-quiz-page .panel-body .quiz-description .quiz-description--score {
        display: block;
        float: left;
        height: 250px;
        position: relative; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--score hr {
          top: 42%;
          position: inherit;
          margin-right: 25px;
          border-top: 2px dashed #ccc !important;
          z-index: 999;
          display: block;
          float: right;
          width: 89%; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--score .top-circle {
          height: 80px;
          width: 160px;
          border: 2px dashed #ccc;
          display: block;
          border-top-left-radius: 160px;
          border-top-right-radius: 160px;
          border-bottom: 0 !important;
          position: absolute;
          top: 18%;
          left: 4%; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--score .top-circle span {
            top: 50%;
            position: absolute;
            display: block;
            width: 100%;
            float: right;
            text-align: center;
            vertical-align: middle;
            font-size: 18px;
            font-weight: bold;
            color: #8d145b ; }
        .all-quiz-page .panel-body .quiz-description .quiz-description--score .bottom-circle {
          height: 80px;
          width: 160px;
          background: #eee;
          border: 2px dashed #ccc;
          border-top: 0 !important;
          display: block;
          border-bottom-left-radius: 160px;
          border-bottom-right-radius: 160px;
          position: absolute;
          bottom: 18%;
          left: 4%; }
          .all-quiz-page .panel-body .quiz-description .quiz-description--score .bottom-circle span {
            bottom: 50%;
            position: absolute;
            display: block;
            width: 100%;
            float: right;
            text-align: center;
            vertical-align: middle;
            font-size: 18px;
            font-weight: bold; }
      .all-quiz-page .panel-body .quiz-description .btn-quiz {
        display: block;
        float: left;
        height: 50px;
        font-size: 14px;
        color: #fff;
        background-color: #24b1a0 !important;
        line-height: 40px;
        border-radius: 10px;
        border: 0;
        width: 100%;
        outline: 0; }
        .all-quiz-page .panel-body .quiz-description .btn-quiz:hover, .all-quiz-page .panel-body .quiz-description .btn-quiz:focus, .all-quiz-page .panel-body .quiz-description .btn-quiz:active {
          background: #1a8477 !important; }
      .all-quiz-page .panel-body .quiz-description .btn-quiz-finished {
        display: block;
        float: left;
        font-size: 14px;
        color: #868686;
        background-color: #e9e9e9 !important;
        border-radius: 10px;
        width: 100%;
        white-space: normal;
        line-height: 30px;
        padding: 15px;
        margin-bottom: 15px;
        text-align: center; }
        .all-quiz-page .panel-body .quiz-description .btn-quiz-finished span {
          font-size: 16px;
          padding: 0 5px; }
      .all-quiz-page .panel-body .quiz-description .btn-quiz-buy-package {
        display: block;
        float: left;
        font-size: 14px;
        color: #fff;
        background-color: #24b1a0 !important;
        border-radius: 10px;
        width: 100%;
        white-space: normal;
        line-height: 30px;
        padding: 15px;
        margin-bottom: 15px;
        text-align: center;
        outline: 0; }
        .all-quiz-page .panel-body .quiz-description .btn-quiz-buy-package span {
          font-size: 16px;
          padding: 0 5px; }
        .all-quiz-page .panel-body .quiz-description .btn-quiz-buy-package:hover, .all-quiz-page .panel-body .quiz-description .btn-quiz-buy-package:focus, .all-quiz-page .panel-body .quiz-description .btn-quiz-buy-package:active {
          background: #1a8477 !important; }
  .all-quiz-page .progress {
    margin-top: 5px;
    height: 25px; }
    .all-quiz-page .progress .progress-bar {
      background-color: #24b1a0 !important;
      float: right !important; }
  .all-quiz-page .quiz-countdown-timer {
    width: 150px;
    margin: 0 auto;
    white-space: nowrap; }
    .all-quiz-page .quiz-countdown-timer > * {
      float: left;
      line-height: 40px;
      margin-right: 6px; }
    .all-quiz-page .quiz-countdown-timer img {
      display: block;
      width: 32px;
      height: 32px; }
    @media (max-width: 769px) {
      .all-quiz-page .quiz-countdown-timer > * {
        font-size: 26px;
        font-weight: bold;
        color: #999; } }
  .all-quiz-page .quiz-progress-bar {
    display: block;
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
    height: 54px;
    line-height: 54px; }
    .all-quiz-page .quiz-progress-bar span {
      display: block;
      padding-left: 10px;
      float: left;
      color: #777;
      line-height: 30px; }
  .all-quiz-page .progress-bar-striped .progress-bar,
  .all-quiz-page .progress-striped .progress-bar {
    background-image: none !important; }
  .all-quiz-page .quiz-timeup {
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    background: #fff;
    margin-bottom: 20px;
    padding: 15px; }
    .all-quiz-page .quiz-timeup .quiz-timeup--text {
      direction: rtl;
      display: block;
      float: right;
      width: 100%;
      padding: 15px;
      text-align: center;
      color: #b9bac3; }
      .all-quiz-page .quiz-timeup .quiz-timeup--text img {
        display: inline-block;
        padding: 0 15px; }
      .all-quiz-page .quiz-timeup .quiz-timeup--text h2 {
        display: inline-block;
        text-align: center;
        padding: 0 15px; }
    .all-quiz-page .quiz-timeup .quiz-timeup--right-side {
      padding: 12%; }
      .all-quiz-page .quiz-timeup .quiz-timeup--right-side .btn-feedback {
        margin-right: 0 !important;
        margin-top: 15px; }
      .all-quiz-page .quiz-timeup .quiz-timeup--right-side .btn-home {
        margin-right: 0 !important;
        margin-top: 15px; }
    .all-quiz-page .quiz-timeup .quiz-timeup--left-side {
      display: block;
      float: left;
      width: 100%;
      padding: 50% 10%;
      border-right: 2px dashed #ccc; }
      @media (max-width: 767px) {
        .all-quiz-page .quiz-timeup .quiz-timeup--left-side {
          border-right: 0 !important;
          border-top: 2px dashed #ccc !important;
          padding: 10% !important; } }
      .all-quiz-page .quiz-timeup .quiz-timeup--left-side .total-quiz {
        display: block;
        width: 101%;
        color: #777;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px; }
        .all-quiz-page .quiz-timeup .quiz-timeup--left-side .total-quiz .my-score {
          color: #8d145b ;
          border: 1px solid #ccc;
          padding: 15px;
          margin-bottom: 15px;
          display: block; }
        .all-quiz-page .quiz-timeup .quiz-timeup--left-side .total-quiz .quiz-score {
          border: 1px solid #ccc;
          padding: 15px;
          margin-bottom: 15px;
          display: block; }
  .all-quiz-page .quiz-timeup-button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px; }
    .all-quiz-page .quiz-timeup-button .btn-feedback {
      border: #8d145b;
      background-color: #8d145b;
      color: #fff;
      width: 150px;
      line-height: 32px;
      margin-right: 10px; }
    .all-quiz-page .quiz-timeup-button .btn-home {
      border: #8d145b ;
      background-color: #8d145b ;
      color: #fff;
      width: 150px;
      line-height: 32px;
      margin-left: 10px; }
  .all-quiz-page .question-timeup {
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    padding: 15px;
    background: #fff; }
    .all-quiz-page .question-timeup .question-timeup--right-side {
      border-left: 2px dashed #ccc; }
    .all-quiz-page .question-timeup .question-timeup--left-side {
      display: block;
      float: right;
      width: 100%;
      padding: 15%; }
      .all-quiz-page .question-timeup .question-timeup--left-side .total-quiz {
        display: block;
        width: 100%;
        float: right;
        text-align: center;
        padding: 15px; }
        .all-quiz-page .question-timeup .question-timeup--left-side .total-quiz .my-score {
          border: 1px solid #ccc;
          width: 250px;
          line-height: 44px;
          margin-right: 10px;
          display: inline-block;
          padding: 6px 12px;
          margin-bottom: 0;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          touch-action: manipulation;
          cursor: pointer;
          background-image: none;
          border-radius: 4px;
          font-size: 16px;
          font-weight: bold;
          color: #8d145b ; }
        .all-quiz-page .question-timeup .question-timeup--left-side .total-quiz .my-point {
          background: #ccc;
          width: 250px;
          line-height: 44px;
          margin-right: 10px;
          display: inline-block;
          padding: 6px 12px;
          margin-bottom: 0;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          touch-action: manipulation;
          cursor: pointer;
          background-image: none;
          border-radius: 4px;
          font-size: 16px;
          font-weight: bold;
          color: #000; }
      .all-quiz-page .question-timeup .question-timeup--left-side h3 {
        font-size: 18px;
        font-weight: bold;
        color: #777; }
  .all-quiz-page .quiz-question {
    display: block;
    float: right;
    width: 100%;
    background: #fff;
    direction: rtl;
    padding: 15px; }
    .all-quiz-page .quiz-question h2 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px;
      line-height: 32px; }
    .all-quiz-page .quiz-question .quiz-question--lable label {
      font-size: 14px;
      font-weight: bold;
      color: #777;
      cursor: pointer; }
      .all-quiz-page .quiz-question .quiz-question--lable label:hover, .all-quiz-page .quiz-question .quiz-question--lable label:focus, .all-quiz-page .quiz-question .quiz-question--lable label:active {
        color: #8d145b ; }
    .all-quiz-page .quiz-question input {
      float: right;
      margin-left: 15px;
      cursor: pointer; }
    .all-quiz-page .quiz-question .btn-question {
      width: 150px;
      margin-top: 15px;
      float: left;
      line-height: 35px;
      text-align: center;
      color: #fff;
      background-color: #24b1a0 !important;
      border-radius: 10px;
      border: 0; }
      .all-quiz-page .quiz-question .btn-question:hover, .all-quiz-page .quiz-question .btn-question:focus, .all-quiz-page .quiz-question .btn-question:active {
        background: #1a8477; }
    .all-quiz-page .quiz-question .quiz-question--item {
      display: block;
      float: right;
      width: 100%;
      border-bottom: 1px solid #e9e9e9;
      padding-bottom: 20px; }
      .all-quiz-page .quiz-question .quiz-question--item .quiz-question--lable {
        padding: 10px; }
  .all-quiz-page .quiz-loading {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    float: right;
    background-color: rgba(0, 0, 0, 0.5);
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden; }
  .all-quiz-page .quiz-summary h3 {
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-top: 10px; }
  .all-quiz-page .feedback-options .panel {
    display: block;
    float: right;
    width: 100%; }
  .all-quiz-page .feedback-options .feedback-send {
    display: block;
    padding: 15px; }
    .all-quiz-page .feedback-options .feedback-send p {
      direction: rtl; }
  .all-quiz-page .feedback-options .quiz-feedback--item {
    background: #fff;
    text-align: right;
    padding: 15px;
    padding-top: 15px !important;
    float: right;
    width: 100%; }
    .all-quiz-page .feedback-options .quiz-feedback--item .panel-heading {
      display: block;
      float: right;
      width: 100%; }
    .all-quiz-page .feedback-options .quiz-feedback--item .quiz-feedback--main {
      border: 2px dashed #ccc;
      border-radius: 10px;
      float: right;
      width: 100%; }
      .all-quiz-page .feedback-options .quiz-feedback--item .quiz-feedback--main .quiz-feedback--lable {
        padding: 10px; }
        .all-quiz-page .feedback-options .quiz-feedback--item .quiz-feedback--main .quiz-feedback--lable:hover {
          color: #8d145b ;
          cursor: pointer; }
      .all-quiz-page .feedback-options .quiz-feedback--item .quiz-feedback--main input {
        margin-left: 15px;
        cursor: pointer; }
  .all-quiz-page .feedback-options .quiz-send-button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px;
    float: left; }
    .all-quiz-page .feedback-options .quiz-send-button .btn-send {
      background: #24b1a0;
      color: #fff;
      width: 150px;
      line-height: 32px;
      margin-right: 10px; }
      .all-quiz-page .feedback-options .quiz-send-button .btn-send:hover, .all-quiz-page .feedback-options .quiz-send-button .btn-send:focus, .all-quiz-page .feedback-options .quiz-send-button .btn-send:active {
        background: #1a8477; }
  .all-quiz-page .feedback-options .feedback-sent {
    height: 150px;
    padding: 15px; }
    .all-quiz-page .feedback-options .feedback-sent p {
      direction: rtl;
      padding: 15px;
      font-size: 13px; }
    .all-quiz-page .feedback-options .feedback-sent .btn-feedback-end {
      float: left;
      width: 150px; }
  .all-quiz-page .quiz-timeline {
    position: relative;
    display: block;
    float: right;
    width: 100%;
    height: 32px;
    margin-top: 20px;
    margin-bottom: 15px; }
    .all-quiz-page .quiz-timeline .status {
      margin-bottom: 15px;
      padding: 0 40px;
      display: block;
      float: right;
      justify-content: center;
      position: relative; }
    .all-quiz-page .quiz-timeline li {
      position: absolute;
      top: 0;
      right: 0;
      border-top: 3px solid #868686; }
      .all-quiz-page .quiz-timeline li .timeline-dot-last,
      .all-quiz-page .quiz-timeline li .timeline-dot-first,
      .all-quiz-page .quiz-timeline li .timeline-dot {
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        top: -12px;
        float: left;
        border-radius: 30px;
        background: #868686;
        line-height: 3000px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        text-transform: none;
        overflow: hidden; }
      .all-quiz-page .quiz-timeline li .timeline-dot-last {
        float: left; }
      .all-quiz-page .quiz-timeline li .timeline-dot-first {
        float: right;
        background: #8d145b ; }
      .all-quiz-page .quiz-timeline li.highlighted {
        border-top: 3px solid #8d145b ; }
        .all-quiz-page .quiz-timeline li.highlighted .timeline-dot-last,
        .all-quiz-page .quiz-timeline li.highlighted .timeline-dot {
          background: #8d145b ; }
      .all-quiz-page .quiz-timeline li.current-question .timeline-dot-last,
      .all-quiz-page .quiz-timeline li.current-question .timeline-dot {
        width: 32px;
        height: 32px;
        top: -16px;
        line-height: 32px;
        background: #8d145b ; }
  @media (max-width: 769px) {
    .all-quiz-page .mobile-padding {
      padding-right: 10px !important;
      padding-left: 10px !important; }
    .all-quiz-page .question-timeup--right-side {
      border-left: 0 !important; }
    .all-quiz-page .question-timeup--left-side {
      padding: 0 !important;
      border-top: 2px dashed #ccc; }
    .all-quiz-page .quiz-send-button .btn-send {
      width: 100% !important; }
    .all-quiz-page .sk-circle {
      margin: 45% auto !important; } }
  @media (max-width: 500px) {
    .all-quiz-page .quiz-description {
      padding-top: 58px !important; }
    .all-quiz-page .quiz-title {
      height: 100px !important; }
      .all-quiz-page .quiz-title img {
        top: 55px !important; }
    .all-quiz-page .quiz-description--details {
      padding: 0 !important; }
      .all-quiz-page .quiz-description--details .right-side h2 {
        font-size: 22px !important;
        text-align: center; }
        .all-quiz-page .quiz-description--details .right-side h2 span {
          display: block;
          text-align: center; }
      .all-quiz-page .quiz-description--details .left-side content p {
        word-spacing: 0 !important; }
    .all-quiz-page .quiz-description--details--question.quiz-time {
      border-bottom: 1px solid #ddd !important; }
    .all-quiz-page .quiz-timeup-button .btn-feedback {
      margin-right: 0 !important;
      margin-bottom: 15px !important; }
    .all-quiz-page .quiz-timeup-button .btn-home {
      margin-left: 0 !important;
      margin-bottom: 15px !important; }
    .all-quiz-page .btn-quiz {
      margin-bottom: 15px !important; }
    .all-quiz-page .quiz-expire-text {
      display: block !important;
      float: right !important;
      width: 100% !important;
      margin-right: 15px !important; }
    .all-quiz-page .quiz-expire-day,
    .all-quiz-page .quiz-expire-time {
      font-size: 22px !important; }
    .all-quiz-page .sk-circle {
      margin: 75% auto !important; } }
  .all-quiz-page .sk-circle {
    margin: 25% auto;
    width: 40px;
    height: 40px;
    position: relative; }
  .all-quiz-page .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .all-quiz-page .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .all-quiz-page .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
  .all-quiz-page .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
  .all-quiz-page .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .all-quiz-page .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
  .all-quiz-page .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
  .all-quiz-page .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .all-quiz-page .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
  .all-quiz-page .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
  .all-quiz-page .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  .all-quiz-page .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
  .all-quiz-page .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
  .all-quiz-page .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
  .all-quiz-page .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
  .all-quiz-page .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
  .all-quiz-page .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
  .all-quiz-page .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
  .all-quiz-page .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
  .all-quiz-page .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
  .all-quiz-page .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
  .all-quiz-page .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
  .all-quiz-page .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
  .all-quiz-page .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }


 #inlineDatepickerAlt {
    border: none;
    padding: 15px 0;
    text-align: center;
    background-color: #b56000;
    font-size: 18px;
    color: #fff;
    border-radius: 0px;
    height: 50px;
}
    #live-but {
    width: 100%;
    padding: 15px;
    display: block;
    text-align: center;
    background-color: #8d145b ;
    color: #fff;
    font-weight: bold;
}
    .datepicker-plot-area .datepicker-header .btn-next {
    display: block;
    width: 15%;
    float: left;
}
    .datepicker-plot-area .datepicker-header .btn-prev {
    display: block;
    width: 15%;
    float: left;
}
    .datepicker-header{
        direction: rtl;
    }

    .pagination-wrapper .page-item.active {
      background-color: #497799;
      color: #fff;
      border: 1px solid #256492;
      margin-bottom: 10px !important;
       direction: rtl;
  }
      .pagination-wrapper .page-item , .pagerButton {
      width: 35px;
      color: #4b4b4b;
      font-size: 10px;
      line-height: 26px;
      font-weight: normal;
      padding: 5px 10px;
      border: 1px solid #eee;
      margin: 0 !important;
      display: inline-block;
      border-radius: 3px;
      margin-bottom: 10px !important;
  }
      .pagination-wrapper {
      padding: 15px;
      direction: rtl;
      display: block;
      width: 100%;
      float: none;
      margin: 0;
  }
      .pagerButtonCurrentPage {
      background-color: #497799;
      color: #fff!important;
      border: 1px solid #256492;
      margin-bottom: 10px !important;
  }
  a.paging-other.page-item {
    direction: ltr;
}  
button.owl-next,button.owl-prev {
  border: none!important;
}
 
    .newswrappercontent2  img{
      width:auto !important;
    }
/*# sourceMappingURL=irib.css.map */