body{margin:0px;}
.transparent{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
/* Background color and resizes */
.webPlayer .controls {display: block; position: relative; height: 220px; color: #555555; z-index: 996}
#MiniPlayer{ display:block; width:320px; height:220px; padding:0px; background: url() #3e4753}

.gray_gradient_bg_x{
  background: #005564; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-100deg, #002c33, #005c6c,#002c33); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-100deg, #002c33, #006475,#002c33); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-100deg, #002c33, #006475,#002c33); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-100deg, #002c33, #006475,#002c33); /* Standard syntax */
}
.gray_gradient_bg{
  background: #005564; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* For Firefox 3.6 to 15 */
  background: radial-gradient(at 30% 100px,#006475, #003f46, #00242b,#00151a); /* Standard syntax */
}

/* Background color and resizes */ 

.webPlayer {display: inline-block; position: relative; font-family: 'Segoe UI', Verdana, sans-serif; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 13px; text-align: center; /* Chrome FIX for full screen */ }
.webPlayer a.smooth { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; }
.webPlayer.jp-video-full > .controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 1000; }
.webPlayer.jp-video-full, .webPlayer.jp-video-full object, .webPlayer.jp-video-full video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 999; }
.webPlayer.jp-video-full > .playerScreen, .webPlayer.jp-video-full > .playerScreen > .video-play { z-index: 1000; }
.webPlayer .playerScreen { cursor: pointer; } 
.webPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 990; width: 100%; top: 0; left: 0; right: 0; bottom: 50px; background: url("../img/preimg.light.png") no-repeat center center; opacity: 0.4; background-color: rgba(0, 0, 0, 0.4); }

.webPlayer .controls .leftblock { position: absolute; left: 15px; width: 50px; bottom:22px;}
.webPlayer .controls .leftblock .play { display: block; width: 27px; height: 27px; background: url("../img/playerUI.png?r=1") no-repeat}
.webPlayer .controls .leftblock .play:hover { opacity: 1; }
.webPlayer .controls .leftblock .pause { display: block; width: 27px; height: 27px; background: url("../img/playerUI.png?r=1") -27px 0px no-repeat; }
.webPlayer .controls .leftblock .pause:hover { opacity: 1; }

.webPlayer .controls  .album_cover{ display:block; position: absolute; left: 10px; width: 70px; height:70px; top:15px; background-color:#808080} 
.webPlayer .controls .song_title{border:0px solid #ff0000;display:block;width:200px;position: absolute; left: 90px;top:15px;color:#fff;font-weight:bold;font-size:12px;text-align:left;text-shadow: 1px 1px 3px #000000;} 
.webPlayer .controls .ticker{border:0px solid #ff0000;position: absolute; left: 90px;top:40px;color:#c0c0c0;text-align:left}
.webPlayer .controls .song_artist{border:0px solid #ff0000;color:#ededed;font-size:13px;text-shadow: 1px 1px 3px #000000;}

.webPlayer .controls .live{background-color:#ff0000;text-align:center;display:block;width:50px;height:18px;position: absolute; left: 10px;top:88px;color:#ffffff;font-size:11px;}

.webPlayer .controls .stationname{background-color:#818181;text-align:center;display:block;width:247px;height:18px; position:absolute;left:63px;top:88px;color:#fff;font-size:12px; }
.webPlayer .controls .brandname{position:absolute;right:10px;bottom:4px;color:#eeeeee;font-size:10px; text-shadow: 1px 1px 3px #000000;} 

#spectrum{
	position: absolute; left: 25px; top:120px;
}

.webPlayer .controls .progress { position: relative; display: block; margin: 0 130px 0 50px; text-align: left; }
.webPlayer .controls .progress span { font-size: 12px; margin-left: 1px; color: #ffffff; }
.webPlayer .controls .progress .progressbar { display: block; height: 6px; background-color: #0a0000; background: rgba(255, 255, 255, 0.05); margin: 2.5px 0; }
.webPlayer .controls .progress .progressbar .seekBar { position: relative; display: block; cursor: pointer; padding: 1px; background: rgba(255, 255, 255, 0.1); }
.webPlayer .controls .progress .progressbar .seekBar .playBar { display: block; height: 2px; padding: 0; background: #f76c04; }
.webPlayer .controls .progress .progressbar .seekBar a { display: block; position: absolute; top: -2px; width: 8px; height: 10px; border-radius: 5px; background: #ffffff; margin-left: -3px; }
.webPlayer .controls .progress .progressbar .seekBar a div { width: 10px; height: 10px; }


.webPlayer .controls .rightblock {position:absolute; right:100px; width: 300px; bottom:50px}
.webPlayer .controls .rightblock .volicon {position:absolute; left:-60px; top:2px; display: block; width: 15px; height: 15px; background-size:contain; background-image: url("../img/speaker.svg") }

.webPlayer .controls .rightblock .volumeBar { display: block; position: absolute; height: 4px; background-color: #c0c0c0; background: rgba(200, 200, 200, 0.75); width: 60px; top: 8px; left: -35px; cursor: pointer; }
.webPlayer .controls .rightblock .volumeBar .currentVolume { position: relative; height: 3px; padding: 1px; }
.webPlayer .controls .rightblock .volumeBar .currentVolume .curvol { display: block; height: 3px; padding: 0; background: #ffffff; }
.webPlayer .controls .rightblock .volumeBar .currentVolume a { display: block; position: absolute; top: -2px; margin-left: -3px; width: 9px; height: 9px; border-radius: 5px; background: #ffffff; }
.webPlayer .controls .rightblock .volumeBar .currentVolume a div { display: block; width: 10px; height: 10px; }


.webPlayer .controls .social {display: block;position:absolute;right:18px; top:163px; width:90px;height:25px;}
.webPlayer .controls .social .fb{display: block;position:absolute;left:3px;top:10px; width:15px;height:15px; 
	background-size: contain;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk2LjIyNyA5Ni4yMjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2LjIyNyA5Ni4yMjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNzMuMDk5LDE1Ljk3M2wtOS4wNTgsMC4wMDRjLTcuMTAyLDAtOC40NzcsMy4zNzUtOC40NzcsOC4zMjh2MTAuOTIxaDE2LjkzOGwtMC4wMDYsMTcuMTA2SDU1LjU2NHY0My44OTVIMzcuODk3VjUyLjMzMiAgIGgtMTQuNzdWMzUuMjI2aDE0Ljc3VjIyLjYxMkMzNy44OTcsNy45NzIsNDYuODQsMCw1OS45LDBMNzMuMSwwLjAyMUw3My4wOTksMTUuOTczTDczLjA5OSwxNS45NzN6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}
.webPlayer .controls .social .tw{display: block;position:absolute;left:30px;top:10px; width:15px;height:15px;
	background-size: contain;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTEuNTg4IDUxMS41ODgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMS41ODggNTExLjU4ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik01MDguNTA4LDkzLjgwNGMtMi43OTQtMi43MDgtNi43OTUtMy42MDEtMTAuNDQtMi4zMzRsLTE3LjI1Miw1Ljk1M2MxMC4xNjItMTIuMjk3LDE3LjY2LTI1LjE0LDIxLjYwOC0zNy4zMTUgICAgYzEuMTQ2LTMuNTQ5LDAuMTA0LTcuNDgtMi42NDctMTAuMDA2Yy0yLjc2OC0yLjU0My02Ljc4Ni0zLjI2My0xMC4yNzUtMS44MDVjLTI0LjE5NCwxMC4xNDUtNDUuNjAzLDE4Ljk3OS02Mi42MjksMjQuMjY0ICAgIGMtMC42MzMsMC4yLTEuMjg0LDAuMTEzLTEuOTM1LTAuMjUyYy0xMy41NzItNy42MDItNDcuNTQ3LTI1LjA2Mi03MS42OC0yNC43ODRjLTYxLjAzMiwxLjExOS0xMTAuNjk2LDUzLjI3NC0xMTAuNjk2LDExNi4yNjcgICAgdjMuNDQ1Yy04OS44NjktMTcuMzk5LTEzOS41MzMtNDMuMjUxLTE5My4zMS05OS42NjZsLTguNC04LjgxN2wtNS41ODksMTAuODIxQzYuMDcxLDEyNi4wNDMsMjYuNzY4LDE3Ni42NTMsNjAuODgxLDIxMC43NCAgICBjLTE1LjExNy0yLjMxNy0yNi4wOTUtNy4xODUtMzUuMzM3LTE1LjI0N2MtMy41NDktMy4wNzItOC41ODMtMy40NTQtMTIuNTQtMC45MzdjLTMuODk2LDIuNDgyLTUuNjc1LDcuMTI1LTQuNDE3LDExLjU1ICAgIGMxMS40ODEsNDAuNjIyLDQyLjIyNyw3My45OCw3NC42ODMsOTMuOTEzYy0xNS42ODEtMC4wMTctMjguNTg1LTEuNzYyLTQxLjU1OS0xMC4xMDFjLTMuNzc1LTIuNDMtOC42ODctMi4xNzgtMTIuMjEsMC42MDcgICAgYy0zLjQ5NywyLjc3Ny00Ljg0Miw3LjQ2My0zLjM1LDExLjY3MmMxNS44Miw0NC40MzEsNDUuNDAzLDY3LjgwMSw5NC40MjUsNzMuNjI0Yy0yNS4yMDEsMTQuNzM1LTU3Ljg5OSwyNi4zODEtMTA4Ljk1MiwyNy40NDggICAgYy00Ljk4MSwwLjEwNC05LjM5LDMuMzQxLTEwLjk4Niw4LjA0NEMtMC45NTgsNDE2LDAuNSw0MjEuMDMzLDQuMzQ0LDQyNC4xMjJjMzEuMDI0LDI1LjAxLDEwMC42MTIsMzkuOTQ1LDE4Ni4xNTEsMzkuOTQ1ICAgIGMxNTMuMTIzLDAsMjc3LjY5NS0xMzYuMjUzLDI3Ny42OTUtMzAzLjcyOXYtMi45NDJjMTkuODEyLTkuNDY4LDM0LjkyOS0yOC4xNTEsNDIuOTIxLTUzLjI3NCAgICBDNTEyLjI3NCwxMDAuNDYsNTExLjI3Niw5Ni41MDMsNTA4LjUwOCw5My44MDR6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}
.webPlayer .controls .social .yt{display: block;position:absolute;left:60px;top:10px; width:15px;height:15px; 
	background-size: contain;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icG9zdC1pbnN0YWdyYW0iPgoJCTxwYXRoIGQ9Ik00NTksMEg1MUMyMi45NSwwLDAsMjIuOTUsMCw1MXY0MDhjMCwyOC4wNSwyMi45NSw1MSw1MSw1MWg0MDhjMjguMDUsMCw1MS0yMi45NSw1MS01MVY1MUM1MTAsMjIuOTUsNDg3LjA1LDAsNDU5LDB6ICAgICBNMjU1LDE1M2M1Ni4xLDAsMTAyLDQ1LjksMTAyLDEwMmMwLDU2LjEtNDUuOSwxMDItMTAyLDEwMmMtNTYuMSwwLTEwMi00NS45LTEwMi0xMDJDMTUzLDE5OC45LDE5OC45LDE1MywyNTUsMTUzeiBNNjMuNzUsNDU5ICAgIEM1Ni4xLDQ1OSw1MSw0NTMuOSw1MSw0NDYuMjVWMjI5LjVoNTMuNTVDMTAyLDIzNy4xNSwxMDIsMjQ3LjM1LDEwMiwyNTVjMCw4NC4xNSw2OC44NSwxNTMsMTUzLDE1M2M4NC4xNSwwLDE1My02OC44NSwxNTMtMTUzICAgIGMwLTcuNjUsMC0xNy44NS0yLjU1LTI1LjVINDU5djIxNi43NWMwLDcuNjUtNS4xLDEyLjc1LTEyLjc1LDEyLjc1SDYzLjc1eiBNNDU5LDExNC43NWMwLDcuNjUtNS4xLDEyLjc1LTEyLjc1LDEyLjc1aC01MSAgICBjLTcuNjUsMC0xMi43NS01LjEtMTIuNzUtMTIuNzV2LTUxYzAtNy42NSw1LjEtMTIuNzUsMTIuNzUtMTIuNzVoNTFDNDUzLjksNTEsNDU5LDU2LjEsNDU5LDYzLjc1VjExNC43NXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}


.webPlayer .controls .stationlist{position:absolute; right:10px; bottom:25px;}
.webPlayer .controls .stationlist select{width:100px;background-color:#646464;border:1px solid #c0c0c0;color:#fff}

.webPlayer .controls .horizontal_line{position:absolute;left:0px;top:100px;display:block;height:1px;width:300px;background-color:#53636f}

.webPlayer .controls .bottom_bar{position:absolute;left:10px;bottom:18px;display:block;height:96px;width:300px;background-color:#000000}
.webPlayer .controls .brand{position:absolute;left:45px;top:18px;display:block;height:35px;color:#fff;font-size:18px;font-weight:bold;font-style:italic}


.webPlayer.audioPlayer .progress { margin-right: 100px; }
.webPlayer.audioPlayer .rightblock { width: 85px; }
.webPlayer.audioPlayer .rightblock .volumeText { bottom: -42px; }
.webPlayer.audioPlayer .fullScreen { display: none; }
.webPlayer.audioPlayer .fullScreenOFF { display: none; }

.webPlayer .panel_bg{display: block; position: absolute; left:-20px; top:-20px; height: 500px; width:400px; 
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

@font-face {
    font-family: 'BPdotsUnicaseSquare';
    src: url('../BPdotsUnicaseSquare.ttf');
}




@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	  
}