﻿@media (min-width: 1200px) {
  /* start general items*/
  .keyboard-focus,
  .keyboard-focus:focus {
    outline: 2px dotted red !important;
    outline-offset: -2px; }
  .has-error .form-control.keyboard-focus:focus,
  .bootstrap-select.btn-group .btn.keyboard-focus:focus,
  input.keyboard-focus:focus,
  input[type].keyboard-focus:focus,
  textarea.keyboard-focus:focus,
  .form-control.keyboard-focus:focus,
  .uneditable-input.keyboard-focus:focus {
    outline: none !important;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .mouse-focus,
  .mouse-focus:focus {
    outline: none !important; }
  .btn.btn-checkbox input.keyboard-focus ~ .checkboxPic,
  .btn.btn-radio input.keyboard-focus ~ .checkboxPic {
    outline: 2px dotted red !important; }
  html:focus, .modal:focus {
    outline: none !important; }
  a[href^="tel:"] {
    text-decoration: none;
    cursor: default; }
  a[href^="mailTo:"] {
    text-decoration: none; }
  .col-sm-20 {
    width: 20%;
    float: right; }
  .col-lg-10 {
    float: right;
    width: 10%; }
  .col-lg-011 {
    float: right;
    width: 11%; }
  .col-lg-11_5 {
    float: right;
    width: 11.5%; }
  .col-lg-012 {
    float: right;
    width: 12%; }
  .col-lg-15 {
    float: right;
    width: 15%; }
  .col-lg-77 {
    width: 77%;
    float: right; }
  .col-lg-85 {
    float: right;
    width: 85%; }
  .col-lg-88 {
    float: right;
    width: 88%; }
  .col-lg-89 {
    float: right;
    width: 89%; }
  .col-lg-90 {
    float: right;
    width: 90%; }
  .col-lg-65 {
    float: right;
    width: 65%; }
  .col-lg-23 {
    float: right;
    width: 23%; }
  /* end general items*/
  .colorMainViolet {
    /*.btnPlus:hover:after,
        .btnPlus:hover:before,
        .tile:hover .btnPlay {
            background: $colorViolet !important;
        }*/ }
    .colorMainViolet .programCarousel .box[aria-describedby] .name,
    .colorMainViolet .programsList a:hover,
    .colorMainViolet .teamCarousel .content:hover .name,
    .colorMainViolet .latestShows .linkPop:hover,
    .colorMainViolet .chooseTabs > li:hover .tab,
    .colorMainViolet .operatingList .btnToggle:hover,
    .colorMainViolet .linkArrow:hover,
    .colorMainViolet .subMenu > li:hover a.tab {
      color: #7e05c7; }
    .colorMainViolet .teamCarousel .content:hover .pic,
    .colorMainViolet .featuredSet.v3 .btnRemove:hover,
    .colorMainViolet .miniPlayer .controlOptions .btnToggle:hover:after,
    .colorMainViolet .linkArrow:hover:after {
      border-color: #7e05c7; }
    .colorMainViolet .featuredSet.v3 .btnRemove:hover:after,
    .colorMainViolet .btnClose:hover:before,
    .colorMainViolet .btnClose:hover:after,
    .colorMainViolet .playerControl .video-js .vjs-play-control:hover,
    .colorMainViolet .playListSection .list .info:hover:after,
    .colorMainViolet .tabControl > li:not(.active) .tab:hover:after {
      background-color: #7e05c7; }
    .colorMainViolet .mainPlayer .controlOptions > li > .link:hover > svg g > polyline,
    .colorMainViolet .mainPlayer .controlOptions > li > .link:hover > svg g > path,
    .colorMainViolet .mainPlayer .controlOptions > li > .link:hover > svg g > g,
    .colorMainViolet .miniPlayer .controlOptions .list .colorFill:hover .link g > g,
    .colorMainViolet .miniPlayer .controlOptions .list .colorStroke:hover .link g > g,
    .colorMainViolet .mainSearchContainer.v2 .btnSort:hover svg g > g,
    .colorMainViolet .mainPlayer .topLine .btnToggle:hover g > use,
    .colorMainViolet .operatingList .colorFill .btnToggle:hover g > g,
    .colorMainViolet .operatingList .colorStroke .btnToggle:hover g > g,
    .colorMainViolet .operatingList .colorStroke.v2 .btnToggle:hover g > g > path,
    .colorMainViolet .operatingList .colorStroke.v2 .btnToggle:hover g > g > use,
    .colorMainViolet .mainSearchContainer .searchSubmit:hover svg g {
      stroke: #7e05c7; }
    .colorMainViolet .miniPlayer .controlOptions .list .colorFill:hover .link path,
    .colorMainViolet .operatingList .colorFill .btnToggle:hover path,
    .colorMainViolet .contrastBtn svg rect {
      fill: #7e05c7; }
    .colorMainViolet .miniPlayer .playerControl .btnPlay:hover {
      background: #4f0aca !important;
      background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%) !important; }
      .colorMainViolet .miniPlayer .playerControl .btnPlay:hover:after {
        border-color: transparent transparent transparent #fff; }
    .colorMainViolet .btn.btnDefault {
      background: #7e05c7; }
      .colorMainViolet .btn.btnDefault:active, .colorMainViolet .btn.btnDefault.active, .colorMainViolet .btn.btnDefault:focus, .colorMainViolet .btn.btnDefault:hover {
        background-color: #5f0495; }
    .colorMainViolet .btn.btnLink:hover {
      color: #5f0495; }
    .colorMainViolet .newsflash .btnPlay:hover {
      background: #4f0aca !important;
      background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%) !important; }
      .colorMainViolet .newsflash .btnPlay:hover:after {
        border-color: transparent transparent transparent #fff; }
    .colorMainViolet .brand2:hover svg g > path {
      fill: #fff; }
    .colorMainViolet .brand2:hover svg g > path:first-child {
      fill: #154c85; }
    .colorMainViolet .brand2:hover svg g + path {
      fill: #fdcf05; }
    .colorMainViolet .btnPlus:hover:after, .colorMainViolet .btnPlus:hover:before {
      background: #7e05c7 !important; }
    .colorMainViolet .tile.boxTile.v2 .btnPlus:hover,
    .colorMainViolet .picTile .btnPlus:hover {
      background: #4f0aca !important;
      background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
      background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%) !important; }
      .colorMainViolet .tile.boxTile.v2 .btnPlus:hover:after, .colorMainViolet .tile.boxTile.v2 .btnPlus:hover:before,
      .colorMainViolet .picTile .btnPlus:hover:after,
      .colorMainViolet .picTile .btnPlus:hover:before {
        background: #fff !important; }
  .brand2:hover svg path {
    fill: #7e05c7; }
  .btnPlay:hover {
    background: #3916e9 !important;
    background: -moz-linear-gradient(top, #3916e9 0, #2601d5 100%) !important;
    background: -webkit-linear-gradient(top, #3916e9 0, #2601d5 100%) !important;
    background: linear-gradient(to bottom, #3916e9 0, #2601d5 100%) !important; }
    .btnPlay:hover:after {
      border-color: transparent transparent transparent #fff; }
  .btnPlay.btnSmall:hover {
    background: #c9181e !important; }
    .btnPlay.btnSmall:hover:after {
      border-color: transparent transparent transparent #fff; }
  .btnPlay.btnPaused:hover:before, .btnPlay.btnPaused:hover:after {
    background-color: #fff; }
  .btnPlus:hover:after, .btnPlus:hover:before {
    background: #2500d4 !important; }
  .btnIcon:hover path {
    fill: #2100a4; }
  main {
    box-shadow: 0 0 15px 0 rgba(16, 18, 20, 0.1);
    max-width: 1440px;
    margin: 0 auto;
    background: #fafafa; }
  .smallItemSection .tile.colorViolet:hover .btnPlay {
    background: #6625e3;
    background: -moz-linear-gradient(top, #6625e3 0, #530ccf 100%);
    background: -webkit-linear-gradient(top, #6625e3 0, #530ccf 100%);
    background: linear-gradient(to bottom, #6625e3 0, #530ccf 100%); }
  .tile.colorViolet .btnPlus:hover:after, .tile.colorViolet .btnPlus:hover:before {
    background: #7e05c7 !important; }
  .tile.colorViolet.boxTile.v2:hover .btnPlay:hover, .tile.colorViolet:hover .btnPlay:hover {
    background: #4f0aca !important;
    background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
    background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
    background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%) !important; }
  .tile.colorViolet.picTile .btnPlus:hover {
    background: #4f0aca !important;
    background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
    background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%) !important;
    background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%) !important; }
    .tile.colorViolet.picTile .btnPlus:hover:after, .tile.colorViolet.picTile .btnPlus:hover:before {
      background: #7e05c7 !important; }
  .tile:not(.picTile):hover .controlsContainer {
    background: rgba(255, 255, 255, 0.6); }
    .tile:not(.picTile):hover .controlsContainer li {
      background: #fff; }
  .tile.boxTile.v2:hover .btnPlay, .tile:hover .btnPlay {
    background: #4225e3;
    background: -moz-linear-gradient(top, #4225e3 0, #320ecf 100%);
    background: -webkit-linear-gradient(top, #4225e3 0, #320ecf 100%);
    background: linear-gradient(to bottom, #4225e3 0, #320ecf 100%); }
    .tile.boxTile.v2:hover .btnPlay:after, .tile:hover .btnPlay:after {
      border-color: transparent transparent transparent #fff; }
  .tile.boxTile.v2:hover .btnPlus, .tile:hover .btnPlus {
    opacity: 1; }
  .tile.boxTile.v2:hover .btnPaused:before, .tile.boxTile.v2:hover .btnPaused:after, .tile:hover .btnPaused:before, .tile:hover .btnPaused:after {
    background-color: #fff; }
  .tile:hover .controlsContainer li:first-child {
    opacity: 1;
    -moz-animation: animateRollIn 0.25s ease-in forwards;
    -o-animation: animateRollIn 0.25s ease-in forwards;
    -webkit-animation: animateRollIn 0.25s ease-in forwards;
    animation: animateRollIn 0.25s ease-in forwards; }
  .tile:hover.boxTile.smallTile .controlsContainer,
  .tile:hover .featuredSet .controlsContainer {
    background: rgba(255, 255, 255, 0.6); }
  .tile.picTile .btnPlus {
    opacity: 1; }
    .tile.picTile .btnPlus:hover {
      background: #4225e3;
      background: -moz-linear-gradient(top, #4225e3 0, #320ecf 100%);
      background: -webkit-linear-gradient(top, #4225e3 0, #320ecf 100%);
      background: linear-gradient(to bottom, #4225e3 0, #320ecf 100%); }
      .tile.picTile .btnPlus:hover:after, .tile.picTile .btnPlus:hover:before {
        background: #fff !important; }
  header {
    height: 140px;
    border-bottom: none;
    background: none;
    margin-bottom: 0; }
  .brand {
    width: 12%; }
    .brand .link {
      position: relative;
      right: 16px;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .brand .pic {
      display: block;
      width: auto; }
  .navBarContainer {
    background: none;
    /*height: 30px;*/
    margin: 10px 0 7px;
    float: right;
    width: 88%;
    /*position: static;*/
    /*display: block !important;*/
    display: inline-flex;
    box-shadow: none; }
  .mainMenuContainer .subMenu {
    padding: 23px 0; }
  .subMenu > li:hover a.tab {
    color: #2500d4;
    font-family: "simplerbold", arial; }
  .mainMenu {
    position: relative;
    float: right;
    height: 100%; }
    .mainMenu > li {
      height: 100%;
      float: right;
      display: table; }
      .mainMenu > li:before, .mainMenu > li:after {
        display: none; }
      .mainMenu > li > * {
        float: none;
        display: table-cell;
        vertical-align: middle; }
      .mainMenu > li:not(.active) {
        position: relative; }
        .mainMenu > li:not(.active):after {
          content: '';
          position: absolute;
          left: 40px;
          right: 0;
          bottom: 0;
          display: block;
          margin: auto;
          height: 2px;
          background: transparent;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .mainMenu > li:not(.active):hover:after {
          background: rgba(37, 0, 211, 0.2); }
      .mainMenu > li:last-child:after {
        display: none; }
      .mainMenu .tab {
      font: 2em "simplerregular", arial;
      position: relative;
      color: #7e8c9b;
      padding-left: 40px; }
    /*.mainMenu .tab {
      font: 1.4em "simplerbold", arial;
      position: relative;
      color: #2500d4;
      padding-left: 40px; }*/
      /*.mainMenu .tab:before {
        content: "";
        opacity: 0;
        display: block;
        position: absolute;
        bottom: -70px;
        background: #f5f5f5;
        z-index: 2;
        left: 50%;
        width: 20px;
        height: 20px;
        border-top: solid 1px #d9d9d9;
        border-left: solid 1px #d9d9d9;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .mainMenu .tab:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 4px;
        margin-right: 4px;
        border-top: solid 1px #4c4c4c;
        border-left: solid 1px #4c4c4c;
        -moz-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }*/
      .mainMenu .tab.noArrow:after {
        display: none; }
      .mainMenu .tab.contrastBtn {
        padding-left: 0; }
        .mainMenu .tab.contrastBtn svg {
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .mainMenu .tab.contrastBtn:hover svg {
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
      .mainMenu .tab label {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 2; }
      .mainMenu .tab svg {
        margin-left: 5px; }
  .sideHeader {
    padding: 0;
    float: left; }
  .fixedShareSection {
    padding-bottom: 0; }
    .fixedShareSection.v2 {
      padding-top: 110px; }
  .itemSection > home-magazine.col-sm-6:nth-child(odd),
  .itemSection > div.col-sm-6:nth-child(odd) {
    clear: none; }
  .itemSection > home-magazine:nth-child(4n-7),
  .itemSection > div:nth-child(4n-7) {
    clear: right; }
  .itemSection .sideTitle {
    margin-top: 0; }
  .smallItemSection > .container-fluid > .row.rowContainer .formContainer {
    padding: 0 110px 0 70px; }
    .smallItemSection > .container-fluid > .row.rowContainer .formContainer .btnContainer {
      padding: 0 74px 0 0; }
    .smallItemSection > .container-fluid > .row.rowContainer .formContainer .formControlContainer {
      margin-left: 0; }
  .smallItemSection > .container-fluid > .row > div:nth-child(odd) {
    clear: none; }
  .smallItemSection > .container-fluid > .row > div:nth-child(4n-7) {
    clear: right; }
  .smallItemSection .teamCarousel {
    margin: 0 -27px; }
    .smallItemSection .teamCarousel .navArrow.slick-prev {
      right: -33px; }
    .smallItemSection .teamCarousel .navArrow.slick-next {
      left: -33px; }
  .categoryTile {
    height: 307px; }
  .tabControlContainer {
    margin: 0 0 30px; }
  .staffList {
    padding-left: 17%;
    /*.quote {
            height: 125px;
        }

        .text {
            height: 125px;
        }*/ }
    .staffList > li {
      padding: 0 32px 60px; }
  .teamCarousel .navArrow.slick-prev {
    right: -60px; }
  .teamCarousel .navArrow.slick-next {
    left: -60px; }
  .boxTile {
    height: 307px; }
    .boxTile:hover .controlsContainer {
      background: rgba(255, 255, 255, 0.6); }
      .boxTile:hover .controlsContainer li {
        background: #fff; }
    .boxTile.v2:hover .controlsContainer {
      background: none; }
      .boxTile.v2:hover .controlsContainer li {
        background: none; }
  .multiCollapse .btnCollapse {
    margin-right: 0; }
    .multiCollapse .btnCollapse:hover {
      color: #2500d4; }
  .creditsListContainer.v2 {
    text-align: center; }
  .playerSection {
    height: 618px; }
    .playerSection .playerContainer > div {
      height: 100%;
      float: right; }
    .playerSection .playerContainer.active .mainPlayer {
      width: 62%; }
    .playerSection .playerContainer .operatingContainer {
      width: 14%;
      position: relative; }
    .playerSection .playerContainer .mainPlayer {
      width: 86%; }
    .playerSection .playerContainer .sidePlaylist {
      width: 24%; }
  .operatingList {
    opacity: 1;
    visibility: visible; }
    .operatingList > li {
      padding-top: 21px;
      line-height: 30px; }
    .operatingList .btnToggle {
      color: #4c4c4c; }
      .operatingList .btnToggle:hover {
        color: #2500d4; }
    .operatingList .colorStroke .btnToggle g > g {
      stroke: #4c4c4c; }
    .operatingList .colorStroke .btnToggle:hover g > g {
      stroke: #2500d4; }
    .operatingList .colorStroke.v2 .btnToggle g > g > path,
    .operatingList .colorStroke.v2 .btnToggle g > g > use {
      stroke: #4c4c4c; }
    .operatingList .colorStroke.v2 .btnToggle:hover g > g > path,
    .operatingList .colorStroke.v2 .btnToggle:hover g > g > use {
      stroke: #2500d4; }
    .operatingList .colorFill .btnToggle g > g {
      stroke: #4c4c4c; }
    .operatingList .colorFill .btnToggle path {
      fill: #4c4c4c; }
    .operatingList .colorFill .btnToggle:hover g > g {
      stroke: #2500d4; }
    .operatingList .colorFill .btnToggle:hover path {
      fill: #2500d4; }
  .sideCarouselContainer {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 174px;
    width: 100%;
    z-index: 10;
    display: block; }
    .sideCarouselContainer:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 100%;
      width: 100%;
      height: 7px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAIAgMAAABIag2VAAAACVBMVEW9sfzp5vr6+vr3piJbAAAAIElEQVR4Xk3GQRUAAATA0MWgjyfJAtHY1e2TQRc76PcBOGgFSdZ04J0AAAAASUVORK5CYII=") repeat 0 0 #fff; }
    .sideCarouselContainer .carousel,
    .sideCarouselContainer .slick-list,
    .sideCarouselContainer .slick-track {
      height: 100%; }
    .sideCarouselContainer .slick-list {
      overflow: visible; }
    .sideCarouselContainer .slick-dots {
      bottom: 20px;
      cursor: pointer; }
    .sideCarouselContainer .picContainer {
      overflow: hidden;
      height: 100%; }
      .sideCarouselContainer .picContainer:after {
        content: "";
        pointer-events: none;
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(37, 11, 160, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(37, 11, 160, 0.5) 100%); }
    .sideCarouselContainer .pic {
      width: 100%; }
    .sideCarouselContainer .colorViolet .picContainer:after {
      content: "";
      pointer-events: none;
      display: block;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(228, 228, 228, 0.1);
      background: -webkit-linear-gradient(270deg, rgba(228, 228, 228, 0.1) 4%, rgba(109, 5, 173, 0.55) 98%);
      background: linear-gradient(-180deg, rgba(228, 228, 228, 0.1) 4%, rgba(109, 5, 173, 0.55) 98%); }
    .sideCarouselContainer .content {
      display: block;
      height: 100%; }
    .sideCarouselContainer .controlContainer {
      position: absolute;
      white-space: nowrap;
      z-index: 10;
      margin-right: -12px;
      right: 100%;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      pointer-events: none;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .sideCarouselContainer .tile:hover .btnPlay {
      background: #fff !important; }
      .sideCarouselContainer .tile:hover .btnPlay:after {
        border-color: transparent transparent transparent #2500d4; }
    .sideCarouselContainer .tile .btnPlay {
      display: inline-block;
      background: #fff !important;
      opacity: 0;
      -moz-transition: all 0s linear;
      -o-transition: all 0s linear;
      -webkit-transition: all 0s linear;
      transition: all 0s linear; }
      .sideCarouselContainer .tile .btnPlay:after {
        border-color: transparent transparent transparent #2500d4; }
      .sideCarouselContainer .tile .btnPlay:hover {
        background: #4225e3 !important;
        background: -moz-linear-gradient(top, #4225e3 0, #320ecf 100%) !important;
        background: -webkit-linear-gradient(top, #4225e3 0, #320ecf 100%) !important;
        background: linear-gradient(to bottom, #4225e3 0, #320ecf 100%) !important; }
        .sideCarouselContainer .tile .btnPlay:hover:after {
          border-color: transparent transparent transparent #fff; }
    .sideCarouselContainer .tile.colorViolet:hover .btnPlay:after {
      border-color: transparent transparent transparent #7e05c7; }
    .sideCarouselContainer .tile.colorViolet .btnPlay:after {
      border-color: transparent transparent transparent #7e05c7; }
    .sideCarouselContainer .tile.colorViolet .btnPlay:hover {
      background: #6625e3 !important;
      background: -moz-linear-gradient(top, #6625e3 0, #530ccf 100%) !important;
      background: -webkit-linear-gradient(top, #6625e3 0, #530ccf 100%) !important;
      background: linear-gradient(to bottom, #6625e3 0, #530ccf 100%) !important; }
      .sideCarouselContainer .tile.colorViolet .btnPlay:hover:after {
        border-color: transparent transparent transparent #fff; }
    .sideCarouselContainer .textContainer {
      display: inline-block;
      padding-right: 10px;
      overflow: hidden;
      max-width: 0;
      white-space: nowrap;
      -moz-transition: all 0s linear;
      -o-transition: all 0s linear;
      -webkit-transition: all 0s linear;
      transition: all 0s linear; }
    .sideCarouselContainer .info {
      color: #fff;
      font: 1.4em/1 "simplerbold", arial;
      margin-bottom: 2px; }
    .sideCarouselContainer .text {
      color: #fff;
      font-size: 1.4em; }
    .sideCarouselContainer:hover .btnPlay {
      opacity: 1;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
    .sideCarouselContainer:hover .textContainer {
      max-width: 500px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
  .shareTooltip {
    display: inline;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .shareTooltip .tool {
      position: absolute;
      right: 10px;
      top: 50%;
      border-right: none;
      border-top: solid 1px rgba(255, 255, 255, 0.2);
      border-bottom: solid 1px rgba(255, 255, 255, 0.2);
      border-left: solid 1px rgba(255, 255, 255, 0.2);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .shareTooltip .tool:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 17px;
        border-radius: 0 4px 0 0;
        border-right: solid 1px rgba(255, 255, 255, 0.2); }
      .shareTooltip .tool:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        height: 17px;
        border-radius: 0 4px 0 0;
        border-right: solid 1px rgba(255, 255, 255, 0.2); }
      .shareTooltip .tool .tip {
        display: block;
        margin-left: 0;
        overflow: hidden;
        position: absolute;
        left: 100%;
        top: 50%;
        width: 8px;
        height: 10px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
        .shareTooltip .tool .tip:before {
          content: '';
          display: block;
          height: 100%;
          width: 100%;
          position: relative;
          left: -2px;
          background-color: rgba(249, 249, 249, 0.15);
          border-right: solid 1px rgba(255, 255, 255, 0.2);
          border-top: solid 1px rgba(255, 255, 255, 0.2);
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          -o-transform-origin: center center;
          -webkit-transform-origin: center center;
          transform-origin: center center;
          -moz-transform: translateX(-50%) rotate(45deg);
          -ms-transform: translateX(-50%) rotate(45deg);
          -o-transform: translateX(-50%) rotate(45deg);
          -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg); }
    .shareTooltip .shareMenu svg {
      top: -5px; }
    .shareTooltip .shareMenu .link:not(.iconV2):hover path {
      fill: inherit; }
  .mainPlayer .figurePic {
    background-size: 1091px 100%;
    background-position: right 0; }
  .mainPlayer .textBlock {
    top: 56%;
    bottom: auto;
    right: -34px;
    height: 260px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: table; }
    .mainPlayer .textBlock:before, .mainPlayer .textBlock:after {
      display: none; }
    .mainPlayer .textBlock > * {
      float: none;
      display: table-cell;
      vertical-align: top; }
    .mainPlayer .textBlock .imgContainer {
      width: 75px;
      height: 75px;
      margin-bottom: 0; }
    .mainPlayer .textBlock .smallPic {
      border: 4px solid #fff; }
    .mainPlayer .textBlock .textContainer {
      padding-right: 54px; }
    .mainPlayer .textBlock .info {
      color: #2500d4;
      font: 2em/1 "simplerbold", arial; }
    .mainPlayer .textBlock .shareTooltip {
      opacity: 0;
      visibility: hidden; }
    .mainPlayer .textBlock .text {
      font: 4em/1.4 "HadassaLineProV2-Semibold", arial; }
      .mainPlayer .textBlock .text:hover .shareTooltip {
        opacity: 1;
        visibility: visible; }
      .mainPlayer .textBlock .text q:before {
        right: -20px; }
  .mainPlayer .topLine {
    top: 40px;
    left: 65px; }
    .mainPlayer .topLine .btnToggle:hover g > use {
      stroke: #2500d4; }
  .mainPlayer .controlOptions {
    left: 70px; }
    .mainPlayer .controlOptions > li:hover .tool {
      opacity: 1;
      visibility: visible; }
    .mainPlayer .controlOptions > li > .link:hover > svg polyline,
    .mainPlayer .controlOptions > li > .link:hover > svg g > path,
    .mainPlayer .controlOptions > li > .link:hover > svg g > g {
      stroke: #fff !important; }
  .mySelectionModal .modalTitle {
    margin-bottom: 70px; }
  .mySelectionModal .selectionCarousel {
    padding-bottom: 85px; }
    .mySelectionModal .selectionCarousel .navArrow {
      margin-top: -42px; }
  .playerControl {
    padding: 0 55px 0 48px; }
    .playerControl:hover .vjs-progress-holder .vjs-play-progress:before {
      opacity: 1; }
    .playerControl .video-js .vjs-tech {
      display: block;
      min-width: 1098px; }
    .playerControl .video-js .vjs-control-bar {
      height: 114px;
      padding: 52px 55px 0 48px; }
    .playerControl .video-js .vjs-progress-control {
      height: 62px; }
    .playerControl .video-js .vjs-play-control {
      margin-right: 0;
      position: absolute;
      left: 52px; }
      .playerControl .video-js .vjs-play-control:hover {
        background: #2500d4;
        text-shadow: none; }
        .playerControl .video-js .vjs-play-control:hover:before {
          color: #fff;
          font-size: 26px;
          text-shadow: none; }
    .playerControl .video-js .vjs-marker {
      width: 23px; }
      .playerControl .video-js .vjs-marker:hover {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        opacity: 1; }
    .playerControl .video-js .vjs-loading-spinner {
      bottom: 62px;
      left: 52px; }
    .playerControl .textContainer {
      left: 120px;
      bottom: 62px; }
      .playerControl .textContainer .nextItem:hover {
        color: #2500d4; }
        .playerControl .textContainer .nextItem:hover svg use {
          stroke: #2500d4; }
  .miniPlayer .bodyContainer {
    height: 78px;
    width: 100%;
    padding-top: 15px; }
  .miniPlayer .playerControl {
    padding: 0 0 0 45px; }
    .miniPlayer .playerControl .video-js .vjs-control-bar {
      padding-left: 510px; }
    .miniPlayer .playerControl .video-js .vjs-current-time {
      border-left: 2px solid #f4f4f4;
      padding-left: 20px;
      margin-left: 10px; }
  .miniPlayer .controlOptions {
    width: 200px; }
    .miniPlayer .controlOptions .btnToggle {
      border-left: 2px solid #f4f4f4; }
      .miniPlayer .controlOptions .btnToggle:hover:after {
        border-color: #2500d4; }
    .miniPlayer .controlOptions .list .link {
      line-height: 63px; }
    .miniPlayer .controlOptions .list .colorFill:hover .link g > g,
    .miniPlayer .controlOptions .list .colorStroke:hover .link g > g {
      stroke: #2500d4; }
    .miniPlayer .controlOptions .list .colorFill:hover .link path {
      fill: #2500d4; }
  .miniPlayer .mainSearchContainer {
    height: 100%;
    line-height: 90px;
    margin: 0 0 0 45px; }
  .chooseTabs {
    white-space: nowrap;
    padding: 0 50px 0 0;
    float: right;
    text-align: right;
    display: flex;
    width: auto; }
    .chooseTabs > li {
      display: flex;
      align-items: stretch;
      width: auto; }
      .chooseTabs > li:hover .tab {
        color: #2500d4; }
    .chooseTabs .tab {
      font-size: 1.4em;
      padding-left: 30px;
      display: flex;
      align-items: center; }
  .collapseFeaturedSection {
    border-radius: 0;
    background: none;
    border: none; }
  .featuredContainer {
    display: block;
    height: auto !important;
    opacity: 1;
    visibility: visible; }
  .dropdownGrid .topGrid .container-fluid > .row {
    padding: 0 11.5% 0 11%; }
  .dropdownGrid .fixedShareSection {
    padding-top: 38px; }
  .dropdownGrid .bottomGrid {
    padding-top: 0; }
  .myChoices {
    margin: 0 -40px; }
    .myChoices > li {
      padding: 0 40px 15px; }
  .spaceDropdown {
    padding: 0; }
  .controlsContainer li.focusIn {
    opacity: 1;
    -moz-animation: animateRollIn 0.25s ease-in forwards;
    -o-animation: animateRollIn 0.25s ease-in forwards;
    -webkit-animation: animateRollIn 0.25s ease-in forwards;
    animation: animateRollIn 0.25s ease-in forwards; }
  .featuredSet .btn {
    opacity: 0; }
  .featuredSet .controlsContainer {
    opacity: 0; }
  .featuredSet .box {
    padding-left: 20px; }
    .featuredSet .box .btnPlay {
      opacity: 0; }
    .featuredSet .box:hover .controlsContainer li:first-child {
      opacity: 1;
      -moz-animation: animateRollIn 0.25s ease-in forwards;
      -o-animation: animateRollIn 0.25s ease-in forwards;
      -webkit-animation: animateRollIn 0.25s ease-in forwards;
      animation: animateRollIn 0.25s ease-in forwards; }
    .featuredSet .box:hover .controlsContainer,
    .featuredSet .box:hover .controlsContainer .btnPlus,
    .featuredSet .box:hover .btnPlay {
      opacity: 1; }
  .featuredSet .textContainer {
    padding-left: 0; }
  .featuredSet.v2 .list .box {
    padding-left: 20px; }
    .featuredSet.v2 .list .box:hover {
      background: #fff;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .featuredSet.v2 .list .box:hover:after {
        opacity: 1;
        visibility: visible; }
      .featuredSet.v2 .list .box:hover .controlsContainer {
        background: -moz-linear-gradient(left, white 0%, white 60%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(left, white 0%, white 60%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, white 0%, white 60%, rgba(255, 255, 255, 0) 100%); }
  .featuredSet.v3 .list > li:hover {
    background-color: #fff; }
  .featuredSet.v3 .btnRemove {
    opacity: 0;
    visibility: hidden; }
    .featuredSet.v3 .btnRemove:hover {
      border-color: #2500d4; }
      .featuredSet.v3 .btnRemove:hover:after {
        background: #2500d4; }
  .latestShows .linkPop:hover {
    color: #2500d4; }
  .navArrow:hover {
    -moz-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    -o-transform: translateY(-50%) scale(0.8);
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8); }
  .linkArrow:hover {
    color: #2500d4; }
    .linkArrow:hover:after {
      border-top-color: #2500d4;
      border-left-color: #2500d4; }
  .linkArrow.colorViolet:hover {
    color: #7e05c7; }
    .linkArrow.colorViolet:hover:after {
      border-top-color: #7e05c7;
      border-left-color: #7e05c7; }
  .mainSearchContainer .searchSubmit:hover svg g {
    stroke: #2500d4; }
  .mainSearchContainer.v2 .btnSort:hover svg g > g {
    stroke: #2500d4; }
  .itemResult a:hover {
    text-decoration: underline; }
  footer .linkTo:hover {
    text-decoration: underline; }
  footer .contrastBtn {
    padding-left: 0;
    float: left;
    margin: 2px 0 0 20px; }
    footer .contrastBtn svg {
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    footer .contrastBtn:hover svg {
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .shareMenu .link:hover path {
    fill: inherit; }
  .shareMenu .colorStroke:hover .link g > g {
    stroke: #4c4c4c; }
  .rteContainer a:hover {
    text-decoration: none; }
  .fixedShareMenu .facebookUrl:hover linearGradient > stop:first-child {
    stop-color: #345292; }
  .fixedShareMenu .facebookUrl:hover linearGradient > stop:last-child {
    stop-color: #3b5da6; }
  .fixedShareMenu .twitterUrl:hover linearGradient > stop:first-child {
    stop-color: #5fa9e2; }
  .fixedShareMenu .twitterUrl:hover linearGradient > stop:last-child {
    stop-color: #64afe9; }
  .fixedShareMenu .mailUrl:hover linearGradient > stop:first-child {
    stop-color: #c4c4c4; }
  .fixedShareMenu .mailUrl:hover linearGradient > stop:last-child {
    stop-color: #b0b0b0; }
  .subscriptionList > li:hover .tooltipContainer {
    opacity: 1;
    visibility: visible;
    top: 100%; }
  .shareMenuContainer .shareMenu .link:hover path {
    fill: #2500d4; }
  .trafficSection .list > li.btn:hover {
    border-right-color: #7e05c7;
    z-index: 1;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
    .trafficSection .list > li.btn:hover:before {
      border-top-color: #7e05c7;
      border-left-color: #7e05c7; }
  .trafficSection .link:hover {
    text-decoration: underline; }
  .musicCharts .boxTile:hover .imgContainer:after {
    background: rgba(126, 5, 199, 0.5); }
  .musicCharts .boxTile:hover .btnCheck.active ~ .imgContainer:after {
    background: rgba(61, 171, 10, 0.5); }
  .musicCharts .boxTile:hover .btnCheck .remove,
  .musicCharts .boxTile:hover .btnCheck .add {
    opacity: 1; }
  .musicCharts .boxTile:hover .btnCheck:not(.active) .checkPic {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAolBMVEXbu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7bu+7cve/fwvDgxPDiyPHfw/Ddv+/gxfDhxvHhx/Hewe/iyfHjyvLjy/Lky/Lm0fPo0/Tr2fXr2vbt3Pb7+P3y5/ncve7s2vbz6Pncvu/8+f7ewO/2fm5YAAAAGnRSTlMAAwYJP0tOUVRXcnV4hIeTlqjGyczh5Or5/HQxG5gAAAEuSURBVHhehZPncsIwEIQVU5JgMB3Dqrj3Qn//V0t8joOBBH9/TqOdOZ2kXXajbyxXu91qafTZE72RiV/MUe9eHa5xx3rYVg08YdzUOf5g3qgT1FylF4aevKJmwoh3EOdASZ9zX6rgDOK9UrUNra1I4AcRWVQ32res12rAcYjTPE/jA3hQ6zpjbyZ1jjhklri27SaZBI+ov6mxASoCAXl0QDhHCaFoOWBTmlnhkDkQp7I8CTjZAYrmn7JFVaREnEBcCssqLgJJXO0AWDA62vORujgVAFDs4abwPTqcbasScuQ2SprXKmHn4CEAbDvkjuZdo83aF9uX5b59sVnXs2ivH5WN//+S8esP7bXtoBo7qMYOL81kdFqx28jEx0MMNp8PIdLbIdKbED1EELiP4BcOnlIMvDIrZQAAAABJRU5ErkJggg=="); }
  .musicCharts .boxTile:hover.v2 .btnPlay {
    background: #4f0aca;
    background: -moz-linear-gradient(top, #4f0aca 0, #4a0ab9 100%);
    background: -webkit-linear-gradient(top, #4f0aca 0, #4a0ab9 100%);
    background: linear-gradient(to bottom, #4f0aca 0, #4a0ab9 100%); }
  .musicCharts .btnCheck:hover .checkText:after {
    width: 100%;
    background: #fff; }
  .formContainer .bootstrap-select.btn-group ul.inner > li:hover a {
    color: #4c4c4c;
    text-decoration: none;
    background: #dae9ef;
    outline: none !important; }
  .btnClose:hover {
    outline: none !important; }
    .btnClose:hover:before, .btnClose:hover:after {
      background-color: #2500d4; }
  .sidePlaylist .featuredSet.v3 .list > li:hover .btnRemove, .sidePlaylist .featuredSet.v3 .list > li:hover:before {
    opacity: 1;
    visibility: visible; }
  .nextItemModal .btnPlay:hover:after {
    border-color: transparent transparent transparent #2500d4; }
  .nextItemModal .link:hover {
    color: #2500d4; }
  .videoStatic .cellProgress:hover .progressControl {
    height: 5px; }
  .videoStatic .cellProgress:hover .playProgress:before {
    opacity: 1; }
  .controlsContainer li:first-child {
    opacity: 0;
    display: block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -moz-transform: translateX(-10px) translateZ(0) perspective(1px) rotate(-135deg);
    -ms-transform: translateX(-10px) translateZ(0) perspective(1px) rotate(-135deg);
    -o-transform: translateX(-10px) translateZ(0) perspective(1px) rotate(-135deg);
    -webkit-transform: translateX(-10px) translateZ(0) perspective(1px) rotate(-135deg);
    transform: translateX(-10px) translateZ(0) perspective(1px) rotate(-135deg); }
  re-captcha {
    -moz-transform: scale(0.58) translateZ(0);
    -ms-transform: scale(0.58) translateZ(0);
    -o-transform: scale(0.58) translateZ(0);
    -webkit-transform: scale(0.58) translateZ(0);
    transform: scale(0.58) translateZ(0); }
  .textBox .info a:hover {
    text-decoration: underline; }
  .textBox .text a:hover {
    text-decoration: underline; }
  .programsList a:hover {
    color: #2500d4; }
  .searchResults > li {
    height: 146px; }
    .searchResults > li > div {
      display: flex;
      align-items: center; }
  .searchResults .link {
    width: 100%; }
  .searchResults .textContainer {
    padding: 0 22px 0 30px;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1; }
  .searchResults .title {
    padding-left: 28px; }
  .searchResults .size1 .figureContainer {
    width: 118px; }
  .searchResults .size2 .figureContainer {
    width: 178px; }
  .searchResults .size3 .figureContainer {
    width: 245px; }
  .searchResults talents-list {
    display: block;
    width: 100%; }
  .smallBanner {
    height: 146px; }
  .programList .tile:not(.picTile):hover .controlsContainer li,
  .programList .tile:not(.picTile):hover .controlsContainer {
    background: #fafafa; } }

@media (min-width: 1336px) {
  .playerSection .playerContainer .mainPlayer {
    width: 84%; }
  .playerSection .playerContainer .operatingContainer {
    width: 16%; }
  .playerSection .playerContainer.active .mainPlayer {
    width: 60%; }
  .mainPlayer .figurePic {
    background-size: 1127px auto; } }

@media (min-width: 1440px) {
  .playerSection .playerContainer .mainPlayer {
    width: 82%; }
  .playerSection .playerContainer .operatingContainer {
    width: 18%; }
  .playerSection .playerContainer.active .mainPlayer {
    width: 58%; }
  .mainPlayer .figurePic {
    background-size: 1174px auto; } }

