/* reset ***************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
ol, ul, nav{ list-style:none;}
a, a:active{text-decoration:none; color:inherit;}a:hover{text-decoration:underline; color:inherit;} 
img.responsive{width:100%; height:auto; vertical-align:bottom;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;} sub {bottom: -0.25em;}
audio:not([controls]) {display: none;}
table {	border-collapse: collapse; border-spacing: 0;}
html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.0.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../font/fontawesome-webfont.woff?v=3v=3.0.1') format('woff'),
    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;}

/* player Style ******************************** */
.jp-audio-stream{background:url('../img/play_bkg.png') 12px top no-repeat; height:250px;margin: 0 auto; position:relative; width:360px;}
.jp-controls li{ border-radius:50%; display:block; position: absolute;}
.jp-controls span{position: absolute; z-index: 5;}
.jp-controls li a{border-radius:50%; display:block; height: 100%; width:100%;}
div.jp-audio-stream div.jp-volume-bar {left: 64px;top: 125px;}
div.jp-volume-bar {border: 2px solid #fff;cursor: pointer; height: 20px; overflow: hidden;position: absolute; width: 45px;}
.jp-volume-bar{ top: 126px; position: absolute; }
.jp-play, .jp-pause{background:#000; border: 4px solid #000;height: 63px;left: 54px;margin:0px;top: 44px;width: 63px;}
.jp-play a, .jp-pause a{background:#fff;border: 4px solid #000;color:#000 line-height: 10px;margin: -9px 0 0 -4px;}
.jp-pause span, .jp-play span{font-size:25px; left:25px;top:12px;transform: scaley(1.7) ; width: 100%;}
.jp-pause span{font-size: 31px;left: 18px;top: 10px;transform: scaley(1.2);}
.jp-play span {color:#da273a}
.jp-play:hover, .jp-pause:hover{background:#fff; border: 4px solid #fff;/* Firefox */ -moz-transition: all 0.25s ease-in;/* WebKit */ -webkit-transition: all 0.25s ease-in;/* Opera */ -o-transition: all 0.25s ease-in;/* Standard */ transition: all 0.25s ease-in;}
.jp-play:hover a, .jp-pause:hover a{background:#000;color:#fff; border: 4px solid #fff;/* Firefox */ -moz-transition: all 0.25s ease-in;/* WebKit */ -webkit-transition: all 0.25s ease-in;/* Opera */ -o-transition: all 0.25s ease-in;/* Standard */ transition: all 0.25s ease-in;}
.jp-unmute{background:#fff;border: 2px solid #fff; height:32px; left: 23px;top: 119px; width:32px;}
.jp-mute{background:#fff;border: 2px solid #fff; height:32px; left: 23px;top: 119px; width:32px;}
.jp-volume-max{background:#fff;border: 2px solid #fff; left:119px; height:32px; top:119px; width:32px;}
.jp-unmute span, .jp-mute span, .jp-volume-max span{position: absolute; z-index: 5; font: bold 120% arial; width: 29px; text-align: center; left: 0; line-height: 30px;top: -2px;}
.jp-mute span{left: 0;top: -4px;}
.jp-unmute a, .jp-mute a, .jp-volume-max a{background:#000;border: 2px solid #fff; color:#fff; font:bold 28px arial; margin: -3px 0 0 -3px;text-align:center; text-decoration: none;}
.jp-unmute:hover, .jp-mute:hover, .jp-volume-max:hover{background:#fff;border: 2px solid #fff;/* Firefox */ -moz-transition: all 0.25s ease-in;/* WebKit */ -webkit-transition: all 0.25s ease-in;/* Opera */ -o-transition: all 0.25s ease-in;/* Standard */ transition: all 0.25s ease-in;}
.jp-unmute:hover a, .jp-mute:hover a, .jp-volume-max:hover a{background:#da273a; color:#fff; border: 2px solid #fff;/* Firefox */ -moz-transition: all 0.25s ease-in;/* WebKit */ -webkit-transition: all 0.25s ease-in;/* Opera */ -o-transition: all 0.25s ease-in;/* Standard */ transition: all 0.25s ease-in;}
.jp-title{left: 20px; position:absolute; top:162px;}
.title_theme{background:#000; color:#fff; display:inline-block; float:left; font:30px 'Bangers'; line-height: 0.9; margin-bottom: 1px; max-width:315px; padding:1px 4px 0;}
.theme{background:#000; color:#9d9d9d; clear:both; display:inline-block; float:left;font:italic 400 12px 'PT Sans'; margin-top:1px; max-width:315px; padding:1px 4px;}
.jp-no-solution{display:none;}

div.jp-volume-bar-value { background:#da273a; width: 0px;height: 100%;}

@media (min-width: 669px) {
	.title_theme{font:49px 'Bangers';padding: 0;}
	.theme{font:italic 400 22px 'PT Sans Caption';padding: 0;}
}