/* Player font. */
@import url('https://fonts.Googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

/* Vector font. */
@font-face {
  font-family: 'fwdurp-icon';
  src:  url('fonts/fwdurp-icon.eot?kj97zv');
  src:  url('fonts/fwdurp-icon.eot?kj97zv#iefix') format('embedded-opentype'),
    url('fonts/fwdurp-icon.ttf?kj97zv') format('truetype'),
    url('fonts/fwdurp-icon.woff?kj97zv') format('woff'),
    url('fonts/fwdurp-icon.svg?kj97zv#fwdurp-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fwdurp-icon-"], [class*=" fwdurp-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fwdurp-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* Main player */
.main-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto -190px;
  padding-bottom: 370px; }
  .main-player .bk-holder {
    position: relative;
    overflow: hidden;
    height: 1176px;
    margin-top: -1176px;
    top: 1176px; }
  .main-player .bk {
    display: block;
    position: absolute;
    width: 1920px;
    height: 1176px;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    opacity: 0; }
  .main-player .main-player-holder {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(100% - 40px);
    margin: 53px auto 0; }
    .main-player .main-player-holder .main-player-holder2 {
      position: relative;
      width: 100%;
      max-width: 1012px;
      margin: auto;
      background: transparent; /*rgba(0, 0, 0, 0.12);*/ }
    .main-player .main-player-holder h1 {
      position: relative;
      left: -3px;
      font-weight: 200;
      font-size: 86px;
      line-height: 86px;
      text-align: center;
      margin: 0 20px;
      padding: 64px 0 0;
      background: linear-gradient(84.02deg, #F20B7A 0.45%, #EA8529 50.9%, #FF186B 99.29%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .main-player .main-player-holder h4 {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: 1em;
      text-transform: uppercase;
      margin: 40px 20px 0; }
    .main-player .main-player-holder #theme_holder {
      position: absolute;
      z-index: 100;
      right: 27px;
      opacity: 1;
      transition: transform 0.7s cubic-bezier(0.7, 0, 0.2, 1), opacity 0.7s cubic-bezier(0.7, 0, 0.2, 1); }
    .main-player .main-player-holder #theme {
      padding: 30px 10px 25px;
      box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      background: rgba(0, 0, 0, 0.2); }
    .main-player .main-player-holder .visualizer {
      position: relative;
      cursor: pointer;
      border-radius: 20px;
      padding: 3px 0px 2px 0px;
      margin: 0 0 20px 0;
      background: rgba(0, 0, 0, 0.2);
      transition: opacity .3s ease-out; }
      .main-player .main-player-holder .visualizer svg rect,
      .main-player .main-player-holder .visualizer svg path {
        transition: all .3s ease-out; }
      .main-player .main-player-holder .visualizer .bars {
        position: absolute;
        left: 15px;
        top: 16px; }
      .main-player .main-player-holder .visualizer .circle {
        position: relative;
        left: 3px;
        top: 2px; }
      .main-player .main-player-holder .visualizer .tp {
        top: 10px;
        right: calc(100% + 7px); }
      .main-player .main-player-holder .visualizer:hover {
        background: #F70C3E; }
        .main-player .main-player-holder .visualizer:hover svg rect,
        .main-player .main-player-holder .visualizer:hover svg path {
          fill: #FFF; }
    .main-player .main-player-holder .dark {
      cursor: pointer;
      margin: 5px 0 0; }
    .main-player .main-player-holder .white,
    .main-player .main-player-holder .dark {
      position: relative;
      cursor: pointer; }
      .main-player .main-player-holder .white svg,
      .main-player .main-player-holder .dark svg {
        fill: #FFFFFF;
        opacity: .4;
        transition: opacity .25s ease-out; }
      .main-player .main-player-holder .white:after,
      .main-player .main-player-holder .dark:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        left: 0;
        top: 0; }
      .main-player .main-player-holder .white:hover svg,
      .main-player .main-player-holder .dark:hover svg {
        opacity: 1; }
    .main-player .main-player-holder .line,
    .main-player .main-player-holder .line2 {
      width: 10px;
      height: 1px;
      margin: 14px auto 18px;
      opacity: .2;
      background: #D9D9D9; }
    .main-player .main-player-holder .line2 {
      display: none;
      width: 1px;
      height: 20px; }
    .main-player .main-player-holder .colors {
      width: 20px;
      margin: auto; }
      .main-player .main-player-holder .colors .color {
        position: relative;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        cursor: pointer;
        margin-top: 11px; }
        .main-player .main-player-holder .colors .color .outline {
          position: absolute;
          content: '';
          width: 24px;
          height: 24px;
          left: -3px;
          top: -3px;
          border: 1px solid #FFF;
          border-radius: 100%;
          transition: opacity .25s ease-out; }
          .main-player .main-player-holder .colors .color .outline:not(.showed) {
            opacity: 0; }
        .main-player .main-player-holder .colors .color.showed {
          cursor: default; }
          .main-player .main-player-holder .colors .color.showed svg {
            display: inline; }
          .main-player .main-player-holder .colors .color.showed .outline {
            opacity: 1; }
        .main-player .main-player-holder .colors .color:last-child {
          margin-bottom: 5px; }
        .main-player .main-player-holder .colors .color svg {
          display: none;
          pointer-events: none;
          position: absolute;
          top: -7px;
          right: -5px;
          z-index: 1; }
        .main-player .main-player-holder .colors .color:hover .outline {
          opacity: 1; }
    .main-player .main-player-holder .tp {
      position: absolute;
      top: -3px;
      right: calc(100% + 17px);
      display: none;
      opacity: 0;
      white-space: nowrap;
      border-radius: 20px;
      box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
      padding: 1px 16px 0;
      background: #FFF;
      color: #000; }
      .main-player .main-player-holder .tp:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -4px;
        border-width: 4px;
        border-style: solid;
        border-color: transparent transparent transparent #FFF; }
    .main-player .main-player-holder.demos .main-video-holder {
      width: 100%; }
    .main-player .main-player-holder.demos .separator {
      margin: 80px 0 0; }
    .main-player .main-player-holder.demos #theme_holder {
      display: none; }
    .main-player .main-player-holder.demos .main-player-holder2 {
      background: transparent;
      margin-top: 0; }
    .main-player .main-player-holder.demos h1 {
      font-weight: 200;
      font-size: 33px;
      line-height: 56px;
      -webkit-text-fill-color: unset;
      background: transparent !important;
      padding-top: 0;
      color: #F3F3F3 !important; }
    .main-player .main-player-holder.demos h4 {
      max-width: 691px;
      font-weight: 200;
      font-size: 18px;
      line-height: 28px;
      text-transform: none;
      letter-spacing: normal;
      margin: 0 auto 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .main-player .main-player-holder {
      display: block; }
      .main-player .main-player-holder h1 {
        background: transparent !important;
        color: #FFF !important;
		font-style: normal;		
		font-weight: 200;
		font-stretch: normal;
		font-size: 20px;
		line-height: normal;
		font-family: 'Titillium Web';}
      .main-player .main-player-holder #theme_holder {
        top: calc(50% + 10px);
        transform: translate(0, -50%); } }
  .main-player .main-video-holder {
    position: relative;
    width: calc(100% - 40px);
    margin: 25px auto 0;
    padding-bottom: 60px; }

.fwdurp-icon-buffer:before {
  content: "\e900";
}
.fwdurp-icon-close:before {
  content: "\e901";
}
.fwdurp-icon-digg:before {
  content: "\e902";
}
.fwdurp-icon-facebook:before {
  content: "\e903";
}
.fwdurp-icon-FF-left:before {
  content: "\e904";
}
.fwdurp-icon-FF-right:before {
  content: "\e905";
}
.fwdurp-icon-flikr:before {
  content: "\e906";
}
.fwdurp-icon-google-plus:before {
  content: "\e907";
}
.fwdurp-icon-info:before {
  content: "\e908";
}
.fwdurp-icon-instagram:before {
  content: "\e909";
}
.fwdurp-icon-link:before {
  content: "\e90a";
}
.fwdurp-icon-linkedin:before {
  content: "\e90b";
}
.fwdurp-icon-pause:before {
  content: "\e90c";
}
.fwdurp-icon-play:before {
  content: "\e90d";
}
.fwdurp-icon-playlist:before {
  content: "\e90e";
}
.fwdurp-icon-playlists:before {
  content: "\e90f";
}
.fwdurp-icon-popup:before {
  content: "\e910";
}
.fwdurp-icon-reddit:before {
  content: "\e911";
}
.fwdurp-icon-share:before {
  content: "\e912";
}
.fwdurp-icon-tumblr:before {
  content: "\e913";
}
.fwdurp-icon-twitter:before {
  content: "\e914";
}
.fwdurp-icon-volume:before {
  content: "\e915";
}
.fwdurp-icon-watch-later:before {
  content: "\e916";
}

/* Vector icons. */
.table-fwdurp-button { 
  display: table; width:100%; height:100%;
}

.table-cell-fwdurp-button {
  display: table-cell; width:100%; height: 100%; vertical-align: middle; text-align:center;
}

.fwdurp-close-button-normal-state,
.fwdurp-categories-next-and-prev-normal-state{
  position:absolute;
  font-size:16px;
  width:40px;
  height:39px;
  cursor: pointer;
  background-color:#000 !important;
  color:#FFF;
}

.fwdurp-close-button-selected-state,
.fwdurp-categories-next-and-prev-selected-state{
  position:absolute;
  font-size:16px;
  width:40px;
  height:39px;
  cursor: pointer;
  background-color:#000!important;
  color:#F00;
}

.fwdurp-categories-next-and-prev-normal-state{
  color:#BBBBBB;
}

.fwdurp-categories-next-and-prev-selected-state{
  color:#FFFFFF;
}


.fwdurp-categories-background .fwdurp-icon-FF-right:before{
  position: relative;
  left: 2px;
}

.fwduvp-categories-background .fwdurp-icon-close:before{
  position: relative;
  top: 2px;
}

.fwdurp-social-media-buttons-normal-state{
  font-size:18px !important;
  color:#aaaaaa !important;
  font-weight:100;
}

.fwdurp-social-media-buttons-selected-state{
  font-size:18px !important;
  color:#FFFFFF !important;
}

.fwdurp-icon-scroll-down,
.fwdurp-icon-scrool-up,
.fwdurp-icon-sort-numbers,
.fwdurp-icon-sort-letters{
  font-size:18px !important;
}

.fwdurp-icon-small.fwdurp-icon-download:before,
.fwdurp-icon-small.fwdurp-icon-cart:before{
  font-size:14px !important;
  top: -4px !important;
}


.fwdurp-main-button-normal-state{
	font-family: "fwdicon";
	overflow: visible!important;
	font-size: 19px !important;
	color:#999999 !important;
}

.fwdurp-main-button-selected-state{
	font-family: "fwdicon";
	overflow: visible !important;
	font-size: 19px !important;
	color:#FFFFFF !important;
}

.fwdurp-main-button-normal-state .fwdurp-icon-play:before,
.fwdurp-main-button-selected-state .fwdurp-icon-play:before{
	font-size: 30px;
}

.fwdurp-main-button-normal-state .fwdurp-icon-pause:before,
.fwdurp-main-button-selected-state .fwdurp-icon-pause:before{
	font-size: 26px;
	left: -1px;
}

.fwdurp-icon-shuffle:before{
  font-size: 24px !important;
  top: -1px;
}

.fwdurp-icon-loop:before{
  
}

.fwdurp-icon-AB:before{
  font-size: 23px !important;
  top: -1px;
}

.fwdurp-icon-cart:before,
.fwdurp-icon-download:before{
  font-size: 19px !important;
  top: -1px;
}

/* ############################################################## */
/* Dark skin. */
/* ##############################################################  */

/* Categories. */
.fwdurp-categories-dark-text{
	font: 400 14px Roboto, Arial !important;
}

.fwdurp-categories-dark-text .fwdurp-header{
	color: #FFFFFF !important;
}

.fwdurp-categories-dark-text.active .fwdurp-title{
	color: #FFFFFF !important;
}

.fwdurp-categories-dark-text .fwdurp-categories-title{
	margin: 10px 15px 0 !important;
	line-height: 1.8 !important;
}

.fwdurp-categories-dark-text .fwdurp-title{
	font-weight: bold;
	line-height: 18px !important;
	color:#999 !important;
	transition: all .3s ease-out !important;
}

.fwdurp-categories-dark-text .fwdurp-categories-type{
	color:#999 !important;
	line-height: 18px !important;
	margin: 2px 15px 0 !important;
}

.fwdurp-categories-dark-text .fwdurp-categories-description{
	color:#999 !important;
	line-height: 18px !important;
	margin: 5px 15px 13px !important;
}

.fwdurp-link a:link    {color:#0099FF !important;}
.fwdurp-link a:visited {color:#0099FF !important;}
.fwdurp-link a:hover   {color:#DDDDDD !important;}
.fwdurp-link a:active  {color:#0099FF !important;}

.fwdurp-search-input{
	font-family: Roboto, Arial !important;
}

/* Controler. */
.fwdurp-controler{}

.fwdurp-controler-title{
  font: 400 12px Roboto, Arial !important;
  line-height: 1 !important;
}

.fwdurp-controller-time{
  font: 400 12px Roboto, Arial !important;
  padding: 4px 5px 3px 6px !important;
}

.fwdurp-controler-tooltip-text{
  font: 400 12px Roboto, Arial !important;
}

.fwdurp-volume-text{
  font: 400 12px Roboto, Arial !important;
}


/* History. */
.fwdurp-hostory-item-dark-text{
  font: 400 12px Roboto, Arial !important;
}

.fwdurp-hostory-item-dark-text .fwdurp-count{
  color:#888888;
}

.fwdurp-hostory-item-dark-text .fwdurp-title{
  color:#999999;
}

.fwdurp-hostory-item-dark-text .fwdurp-played-at{
  color:#888888;
}


.fwdurp-hostory-item-dark-text .fwdurp-date{
  color:#888888;
}

.fwdurp-hostory-item-dark-text .fwdurp-count-active{
  color:#888888;
}

.fwdurp-controler-dark-title .fwdurp-title-active,
.fwdurp-hostory-item-dark-text .fwdurp-title-active{
  color:#FFFFFF !important;
}

.fwdurp-controler-dark-title .fwdurp-line,
.fwdurp-hostory-item-dark-text .fwdurp-line{
  color:#888888;
}

.fwdurp-hostory-item-dark-text .fwdurp-played-at-active{
  color:#888888;
}

.fwdurp-hostory-item-dark-text .fwdurp-line-active{
  color:#888888;
}

.fwdurp-hostory-item-dark-text .fwdurp-date-active{
  color:#888888;
}


/* Info window. */
.fwdurp-info-window-dark-text{
  font: 400 12px Roboto, Arial !important;
  line-height: 20px !important;
}

.current-listeners-label{
  color:#999999;
}

.current-listeners{
  color:#FFFFFF;
}

.fwdurp-bitrate-label{
  color:#999999;
}

.fwdurp-bitrate{
  color:#FFFFFF;
}

.fwdurp-genre-label{
  color:#999999;
}

.fwdurp-genre{
  color:#FFFFFF;
}

.fwdurp-station-label{
  color:#999999;
}

.fwdurp-station{
  color:#FFFFFF;
}

/* Playback rate window. */
.fwdurp-playbackrate-text{
  font: 400 12px Roboto, Arial !important;
}

/* Logged in window. */
.fwdurp-loggedin-message-dark{
  font: 400 14px Roboto, Arial !important;
  color: #999999 !important;
}

.fwdurp-loggedin-message-dark a{
  background-image: linear-gradient(#FFF calc(100% - 1px), #FFF 1px);
  background-size: 0% 2px;
  color: #CCC;
}

.fwdurp-loggedin-message-dark a:hover{
  color: #FFF;
}

.fwdurp-label{
  font: 400 12px Roboto, Arial !important;
}






/* ############################################################## */
/* White skin. */
/* ##############################################################  */

/* Categories. */
.fwdurp-categories-white-text{
	font: 400 14px Roboto, Arial !important;
}

.fwdurp-categories-white-text .fwdurp-header{
	font-weight: 500;
	color: #000000 !important;
}

.fwdurp-categories-white-text.active .fwdurp-title{
	color: #000000 !important;
}

.fwdurp-categories-white-text .fwdurp-categories-title{
	font-weight: 500;
	margin: 10px 15px 0 !important;
	line-height: 1.8 !important;
}

.fwdurp-categories-white-text .fwdurp-title{
	font-weight: bold;
	line-height: 18px !important;
	color:#666 !important;
	transition: all .3s ease-out !important;
}

.fwdurp-categories-white-text .fwdurp-categories-type{
	color:#666 !important;
	line-height: 18px !important;
	margin: 2px 15px 0 !important;
}

.fwdurp-categories-white-text .fwdurp-categories-description{
	color:#666 !important;
	line-height: 18px !important;
	margin: 5px 15px 13px !important;
}

/* History. */
.fwdurp-hostory-item-white-text .fwdurp-count{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-title{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-played-at{
  color:#777777;
}


.fwdurp-hostory-item-white-text .fwdurp-date{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-count-active{
  color:#777777;
}

.fwdurp-controler-white-title .fwdurp-title-active,
.fwdurp-hostory-item-white-text .fwdurp-title-active{
  color:#000000 !important;
}

.fwdurp-controler-white-title .fwdurp-line,
.fwdurp-hostory-item-white-text .fwdurp-line{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-played-at-active{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-line-active{
  color:#777777;
}

.fwdurp-hostory-item-white-text .fwdurp-date-active{
  color:#777777;
}

/* Info window. */
.fwdurp-info-window-white-text .current-listeners-label{
  color:#777777;
}

.fwdurp-info-window-white-text .current-listeners{
  color:#000000;
}

.fwdurp-info-window-white-text .fwdurp-bitrate-label{
  color:#777777;
}

.fwdurp-info-window-white-text .fwdurp-bitrate{
  color:#000000;
}

.fwdurp-info-window-white-text .fwdurp-genre-label{
  color:#777777;
}

.fwdurp-info-window-white-text .fwdurp-genre{
  color:#000000;
}

.fwdurp-info-window-white-text .fwdurp-station-label{
  color:#777777;
}

.fwdurp-info-window-white-text .fwdurp-station{
  color:#000000;
}

.fwdurp-loggedin-message-white{
  font: 400 14px Roboto, Arial !important;
  color: #666666 !important;
}

.fwdurp-loggedin-message-white a{
  background-image: linear-gradient(#000000 calc(100% - 1px), #000000 1px);
  background-size: 0% 2px;
  color: #0099FF;
}

.fwdurp-loggedin-message-white a:hover{
  color: #000000;
}




table.blueTable {
  width: 100%;
  text-align: left;
}
table.blueTable td, table.blueTable th {
}
table.blueTable tbody td {
  font-size: 15px;
  color: #FFFFFF;
}
table.blueTable tr:nth-child(even) {
  background: #151515;
}


table.blueTable tr:nth-child(odd) {
  background: #1f1f1f;
}


table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}




#outer div {
   width: 20px;
   height: 20px;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 10px;
   margin: 10px;
   box-shadow: 1px 1px 1px #999;
   font-style: oblique;
   text-align: center;
   float: left;
   background: green;
}

#outer .first {
   background: blue;
}

.prev, .next {
   font-weight: bold;
   font-size:30px;
   padding:10px;
   cursor:pointer;
}

#pager {
   text-align: center;
   width: 50%;
   margin-left: 25%;
}

#podcast_list #nav{
	font-size: large;
	text-align: right;	
}

#podcast_list #nav a{
	color: white;
	background-color: #2f2f2f;
	padding: 10px;
}

#podcast_list #nav a.active{
	background-color: #505050;
}



.player_slidecontainer {
  width: 100%;
}

.player_slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #5f5f5f;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  
	margin-top: -13px;
	width: 66%;
	margin-left: 170px;
	float: left;
} 
}

.player_slider:hover {
  opacity: 1;
}

.player_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #E51B20;
  cursor: pointer;
}

.player_slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #E51B20;
  cursor: pointer;
}


.bubble {
  background: #E51B20;
  color: white;
  padding: 2px 6px;
  position: absolute;
  border-radius: 4px;
  /*left: 50%;*/
  transform: translateX(-40%);
  font-size: 0.8em;
  /*width: 66%;*/
  /* margin-left: 170px;*/
}
.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #E51B20;
  top: -1px;
  left: 50%;
}



.marquee {
            height: 100%;
            overflow: hidden;
            position: relative;
            background: #fefefe;
            color: #fff;
            border: 1px solid #4a4a4a;
        }
        
        .marquee .jp-title {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 30s linear infinite;
            -webkit-animation: scroll-left 30s linear infinite;
            animation: scroll-left 30s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }