* {
  margin:0;
  padding:0;
}

body {
	font-family: 'Times', Helvetica, sans-serif;
	background:transparent;
}

.suport {
	position: absolute;
    top: 214px;
    left: 38px;
} 

.status {
    display: inline-flex;
    align-items: center;
	position: absolute;
    align-items: center;
    top: 122px;
    left: 448px;
}

.status::before {
    content: "";
    background-color: #47f72d;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px;
    animation: pulse 0.5s ease-in-out infinite;
    margin-right: 4px; /* Distanța între punct și text */
}

.status span {
    font-size: 15px; /* Mărimea textului */
    color: #05cefd;
}

.status.online::before {
  background-color: #47f72d; /* Verde pentru Online */
}

.status.offline::before {
  background-color: #ff4747; /* Roșu pentru Offline */
}

@keyframes pulse {
  0% {
    opacity:1
  }
  50% {
    opacity:.55
  }
  to {
    opacity:1
  }
}

p::first-letter {
  text-transform: uppercase;  /* Transformă prima literă a propoziției în majusculă */
}

/* WimpyPlayerGlyphs v1.16 (2019-11-2 @ 15:21:52) generated by fontello.com */
@font-face {
  font-family: 'WimpyPlayerGlyphs';
  src: url('wimpy.eot');
  src: url('wimpy.eot#iefix') format('embedded-opentype'),
       url('wimpy.woff2') format('woff2'),
       url('wimpy.woff') format('woff'),
       url('wimpy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}


#switch {
  text-align: right;
  vertical-align: top;
  padding: 9px 12px 11px 0;
  font-size: 10px;
  font-weight: bold;
}

#switch a {
  color: white;
}


#content {
 /*   padding: 1px 0;
  margin: 15px;
  overflow: hidden;
font-size: 16px;*/
}

/*.radio-slider {
  -webkit-appearance: none;
  background: transparent;
  width: 90px
}*/

.radio-slider:focus {
  outline: none
}

.radio-slider::-webkit-slider-runnable-track {
  background: -webkit-linear-gradient(90deg, rgba(46, 55, 187, 0.9) 4%, rgba(5, 85, 191, 0.95) 25%, #2055EE 44%, #6069ee 57%, #477af2 93%, #7F89C1 99%);
  height: 13px;
  border-radius: 5px;
}

.radio-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #FFB80F;
  background: radial-gradient(#190c02 10%, #f4f4f4 33%, #220303 53%, #514020 73%, #FDFDFD 100%);
  border-radius: 30%;
  border-color: white;
  cursor: pointer;
  height: 19px;
  margin-top: -4px;
  width: 19px;
  border-style: double;
  border-width: thin;
}

.radio-slider::-moz-range-track {
  background: -moz-linear-gradient(90deg, rgba(46, 55, 187, 0.9) 4%, rgba(5, 85, 191, 0.95) 25%, #2055EE 44%, #6069ee 57%, #477af2 93%, #7F89C1 99%);
  height: 12px;
  border-radius: 5px;
}

.radio-slider::-moz-range-thumb {
  background: #FFB80F;
  background: radial-gradient(circle farthest-corner at center center, #663704 10%, #daecf0 33%, #220303 53%, #0b0b00 73%, #FDFDFD 100%);
  border-radius: 30%;
  border-color: white;
  cursor: pointer;
  height: 17px;
  margin-top: -4px;
  width: 17px;
}

.radio-slider::-ms-track {
  background: transparent;
  border-color: transparent;
  border-radius: 10px;
  color: transparent;
  cursor: pointer;
  height: 5px;
  width: 100%
}

.radio-slider::-ms-fill-lower {
  background: #005f79;
  border-radius: 10px
}

.radio-slider::-ms-fill-upper {
  background: #e1e1e1;
  border-radius: 10px
}

.radio-slider::-ms-thumb {
  background: #00a0ce;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  height: 13px;
  margin-top: -4px;
  width: 13px
}
#radio-slider {
  -webkit-appearance: none;
  background: transparent;
  width: 100%;
  height: 12px;
  border-radius: 5px;
  position: absolute;
  top: 19px;
  left: -25px;
  cursor: pointer;
  z-index: 1;
}

#radio-sound {
  position: absolute;
  bottom: 10px;
  left: -54px;
  background-repeat: no-repeat;
 }
 
a:hover, a:active {
  color: #307993;
  text-decoration: underline;
}

#content div.cont {
  margin-bottom: 10px;
  text-align: center;
}

#content div.center {
  text-align: center;
  padding: 0 5px;
}

#content div.left {
  padding: 0 10px;
  line-height: 26px;
}

div.radioplay {
  width: 528px;
  height: 215px;
  border: #000 solid 1px;
  margin: 0px auto 0px auto;
  padding: 0;
	background : #132047;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPiAgPGxpbmVhckdyYWRpZW50IGlkPSJqYmVlYi1ncmFkLUpCRUVCXzEyOTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiM2E1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMTdiZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMWRhYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMi41NzQ4NTAyOTk0MDExOTclIiBzdG9wLWNvbG9yPSIjMDAyZWRkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjI4LjQ0MjYxNjc2NjQ2NzA2NSUiIHN0b3AtY29sb3I9IiMwMzUzZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTUuOTg4MDIzOTUyMDk1ODElIiBzdG9wLWNvbG9yPSIjMDMxZjg4IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjU2LjI4NzQyNTE0OTcwMDU5NiUiIHN0b3AtY29sb3I9IiMwMDM4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTguOTgyMDM1OTI4MTQzNzE2JSIgc3RvcC1jb2xvcj0iIzI0NThmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2NS44NjgyNjM0NzMwNTM4OSUiIHN0b3AtY29sb3I9IiMwNDE4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNjYuMTY3NjY0NjcwNjU4NyUiIHN0b3AtY29sb3I9IiMwODFkZDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iODAuNTM4OTg4MDIzOTUyMSUiIHN0b3AtY29sb3I9IiMxYzUzZmUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iOTcuMDA2JSIgc3RvcC1jb2xvcj0iIzBkMjQ2YSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTIyN2RlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA1MzAiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD4gIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjamJlZWItZ3JhZC1KQkVFQl8xMjkzKSIgLz48L3N2Zz4=");
	background-image:linear-gradient(to bottom, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b3a5e),color-stop(0%, #0b17bd),color-stop(0%, #231dab),color-stop(12.574850299401197%, #002edd),color-stop(28.442616766467065%, #0353ff),color-stop(55.98802395209581%, #031f88),color-stop(56.287425149700596%, #0038e8),color-stop(58.982035928143716%, #2458ff),color-stop(65.86826347305389%, #041878),color-stop(66.1676646706587%, #081dd2),color-stop(80.5389880239521%, #1c53fe),color-stop(97.006%, #0d246a),color-stop(100%, #1227de),color-stop(100%, #0a0530));
	background-image:-webkit-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-moz-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-ms-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-o-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	-webkit-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	   -moz-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	    -ms-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	     -o-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	background-clip:padding-box;
	-webkit-background-clip:padding-box;
	   -moz-background-clip:padding-box;
	    -ms-background-clip:padding-box;
	     -o-background-clip:padding-box;
  -webkit-background-clip: padding-box;
  border-radius: 10px 10px 1px 1px;
  -webkit-border-radius: 8.6px 8.6px 0px 0px;
}

div.radioplay.ios {
  //xheight: 72px;
}

div.radioplay {position: relative;}

div.radioplay div#display {margin: 140px 10px; padding: 0 1px; display: table;}

#content div.radioplay div#display span.state {
position: relative;
text-align: center;
overflow: hidden;
font-size: 30px;
left: 10px;
top: 3px;
height: 47px;
width: 47px;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-style: dotted;
border-width: 2px;
border-color: #fdb304;
color: #efe3e3;
font-family: WimpyPlayerGlyphs;
vertical-align: middle;
cursor: url('/images/cursor.cur'), pointer;
background: #473AFC;
background: -webkit-radial-gradient(circle farthest-side at center center, #473AFC 11%, #6181FF 73%, #250DBF 97%, transparent 100%);
background: -moz-radial-gradient(circle farthest-side at center center, #473AFC 11%, #6181FF 73%, #250DBF 97%, transparent 100%);
background: radial-gradient(circle farthest-side at center center, #473AFC 11%, #6181FF 73%, #250DBF 97%, transparent 100%);
}

#content div.radioplay div#display span#play.state {
  font-family: WimpyPlayerGlyphs;
/*   padding: 4px 1px 4px 7px;*/  
  line-height:1em;
}

#content div.radioplay div#display span#stop.state {
 /*  padding: 1px 2px 2px 4px;*/  
   display: none;
}

#content div.radioplay div#display span#connecting.state {
  /* padding: 1px 2px 2px 4px;*/  
  display: none;
}

#content div.radioplay div#display span#error.state {
 /*  padding: 1px 2px 2px 4px;*/  
  display: none;
  color: red;
}

#content div.radioplay div#display span#pressplay.state {
 /* padding: 4px 1px 4px 7px;*/  
  display: none;
  animation: a2 1s infinite;
}

#content div.radioplay div#display span.state:hover { }
#content div.radioplay div#display span#play.state:hover {color: #8edd1a; padding: 0;}
#content div.radioplay div#display span#pressplay.state:hover {padding: 0;}
#content div.radioplay div#display span#stop.state:hover { color: #ff291fdb; padding: 0;}
#content div.radioplay div#display span#connecting.state:hover {padding: 0;}
#content div.radioplay div#display span#error.state:hover {padding: 0;}

#content div.radioplay div#display span#text, div.radioplay div#display h1#text {
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  display: table-cell;
  *display: inline;
  height: 40px;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

div.radioplay div#display h1#text.long {
  letter-spacing: -2px;
  padding-left: 0px;
}

#content div.radioplay div#display div#volume {
    display: table-cell;
    border: 1px solid #867266;
    width: 130px;
    height: 12px;
    opacity: 8.5;
    line-height: 0px;
    position: absolute;
    top: 170px;
    left: 125px;
    z-index: 1;
}

#content div.radioplay.ios div#display div#volume {
  display: none;
}

#content div.radioplay div#display div#volume.red {
  border-color: pink;
  background-color: #ffdddd;
  opacity: 1;
}

#content div.radioplay div#display:hover div#volume {
  opacity: 1;
}

#content div.radioplay div#display div#volume span {
    height: 12px;
    width: 10px;
    display: inline-block;
    cursor: pointer;
    background-color: #0609ec;
}


/*#vol_0 {
background-image: url(../images/but_off.png);
width: 20px;
height: 20px;
}*/

#content div.radioplay div#display div#volume span#vol_0,
#content div.radioplay div#display div#volume span#vol_10 {
  width: 20px;
}

.vol_bar {
  background: -moz-linear-gradient(90deg, rgba(213, 127, 31, 0.9) 4%, rgba(192, 139, 53, 0.95) 25%, #F9E613 44%, #FBCE32 57%, #DB5F10 93%, #A36F2A 99%);
  background: -webkit-linear-gradient(90deg, 57%, rgba(213, 127, 31, 0.9) 4%, rgba(192, 139, 53, 0.95) 25%, #F9E613 44%, #FBCE32 57%, #DB5F10 93%, #A36F2A 99%);
  background: -o-linear-gradient(90deg, rgba(213, 127, 31, 0.9) 4%, rgba(192, 139, 53, 0.95) 25%, #F9E613 44%, #FBCE32 57%, #DB5F10 93%, #A36F2A 99%);
  background: -ms-linear-gradient(90deg, , rgba(213, 127, 31, 0.9) 4%, rgba(192, 139, 53, 0.95) 25%, #F9E613 44%, #FBCE32 57%, #DB5F10 93%, #A36F2A 99%);
  background: linear-gradient(0deg, rgba(213, 127, 31, 0.9) 4%, rgba(192, 139, 53, 0.95) 25%, #F9E613 44%, #FBCE32 57%, #DB5F10 93%, #A36F2A 99%);
}

#eqswitch {
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 124px;
  width: 28px;
  height: 15px;
  opacity: 1.5;
  line-height: 0px;
  color: white;
}

#eqswitch span {
  height: 10px;
  width: 10px;
  display: inline-block;
}

div#display:hover #eqswitch {
  opacity: 0.5;
}

#eqswitch span {
    position: absolute;
    bottom: 2px;
    border: 1px solid #b56022;
    width: 2px;
    background-color: #17a7ee;
}

#eqswitch span#eq1 {
  left: 2px;
  height: 8px;
}

#eqswitch span#eq2 {
  left: 7px;
  height: 12px;
}

#eqswitch span#eq3 {
  left: 12px;
  height: 4px;
}

#eqswitch span#eq4 {
  left: 17px;
  height: 6px;
}

#eqswitch span#eq5 {
  left: 22px;
  height: 10px;
}

@keyframes a2 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

/**/

.eqFake {
    bottom: 12px;
    right: 100px;
    position: absolute;
    width: 158px;
    height: 45px;
   /*background-repeat: no-repeat;*/ 
    z-index: 1;
    overflow: hidden;
}

#content div.cont div.radio {
  text-align: center;
  //xfont-size: 12px;
  font-weight: bold;
  background-color: #F6F8FF;
  color: #46769f;
  cursor: pointer;
  border: #a6c6df solid 1px;
}

#content div.cont a {
  text-decoration: none;
  margin: 7px;
  display: inline-block;
}

#content div.cont div.radio:hover {background-color: #7799dd; color: white;}
#content div.cont div.playing {background-color: #46769f; color: white;}

amp-audio {
  transform: scale(2);
  margin: 20px 0;
}

.social-share {
	margin-bottom: 10px;
	height: 20px;
}

#social {
  cursor: pointer;
}

div.sochead {
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: 2px;
  color: #444444;
}

div.soc {
  text-align: center;
}

div.soc a {
  margin: 0 5px 5px 0;
}

div.soc a img {
  height: 28px;
  //xwidth: 95px;
  border-radius: 5px;
}

div.soc a:hover {
  opacity: 0.8;
}

#socf {

}

#soct {

}

#socv {
  display: none;
}

#socw {
  display: none;
}

#socm {
  display: none;
}

#player {
  display:block;
  width:500px;
  height:0px;
  background-color:white;
  color:red;
  position: absolute;
  left:-2000px;
  top:-2000px;
}

.cc_container {
  color: black !important;
}

#mycanvas {
bottom: 18px;
right: 100px;
position: absolute;
width: 150px;
height: 40px;
background-repeat: no-repeat;
z-index: 1;
overflow: hidden;
}

/*#mycanvasgrid {
 // background-color: #1331d269;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 150px;
  z-index: -1;
}

div.long {
  letter-spacing: -1px;
}*/

.resp3 {
  width: 300px;
  height: 600px;
}

.resp4 {
}

a.bc {
  text-decoration: underline;
}

h1.bc {
  display: inline;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

#cc {
  position: fixed;
  z-index: 999;
  overflow: hidden;
  font-family: Calibri, Helvetica, Arial;
  padding: 10px 20px;
  color: black;
  background-color: white;
  border-top: 1px solid #ccc;
  bottom: 0px;
  right: 0px;
  left: 0px;
  font-size: 16px;
}

#cc span {
  display: inline-block;
  float: right;
  color: black;
  background-color: #d7bf00;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 30px;
  border-radius: 5px;
}

#cc span:hover {
  background-color: #e7cf00;
}

#cc div {
  padding: 5px 0 0;
}

#cc div a {
  white-space: nowrap;
  text-decoration: underline;
}

/* Float Properties*/

.clearfloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfloat {
  display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfloat {
  height: 1%;
}

*+html .clearfloat {
  height: 1%;
}

.clearfloat {
  display: block;
}

#stationlogo {
	position: absolute;
	right: 8px;
	background: #1f1c51e6; 
	background-image:url(../images/LogoStation_Glass.png);
	bottom: 5px;
	height: 60px;
	width: 65px;
	z-index: 1;
	border: 3px ridge rgba(5, 51, 19, 0.75);
	border-radius: 8px;
}

#nowplaying {
    position: absolute;
    overflow: visible;
    padding: 0px;
    margin: -1px 0px 0px -1px;
    border: 4px ridge rgba(5, 51, 19, 0.75);
    border-radius: 8px;
	background-color: rgba(4, 7, 57, 0.59);
	background-image:url(../images/now_glass.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    box-sizing: padding-box;
    -moz-user-select: none;
    cursor: inherit;
    top: 9px;
    height: 66px;
    width: 316px;
	right: 85px;
}

#albumcover {
	position: absolute;
    margin-left: 8px;
    border-radius: 8px;
    height: 100px;
    width: 100px;
	background-image:url(../images/transpcover.png);
	background-size: 99%;
	background-repeat: no-repeat;
    border: 4px ridge rgba(9, 71, 84, 0.9);
    margin-top: 8px;
    background-color: #363c6399;
}

#albumcover img{
    max-width:100% !important;
    max-height:100% !important;
    display:block;
	position: absolute;
    margin: 0px;
}

.artist{
    position: absolute;
    top: 8px;
    width: 312px;
    height: 30px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize;
    z-index: 1;
    overflow: hidden;
    color: #F6CA0B;
    text-shadow: 0px 0px 1px rgba(231, 75, 13, 0.8), -1px 2px 1px #B0420F, 0px 1px 1px rgba(192, 77, 14, 0.93);
}

.title {
    position: absolute;
    top: 34px;
    width: 312px;
    height: 28px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: lowercase;
    z-index: 1;
    overflow: hidden;
    color: #FFF;
    text-shadow: 0px 1px 0px rgba(14, 123, 123, 0.8), 0px 1px 1px #80C0F0, 0px 1px 1px rgba(23, 41, 246, 0.81);
}

.station {
    position: absolute;
	overflow: hidden;
    right: 85px;
    bottom: 99px;
    width: 316px;
    height: 25px;
    border: 4px ridge rgba(5, 51, 19, 0.75);
    border-radius: 8px;
	background-image: url("../images/station_glass.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-color: #0B1A87;
    box-sizing: padding-box;
    color: #6C9DFF;
    font-family: Times,Helvetica,sans-serif;
    font-size: 18px;
    text-align: center;
    font-style: italic;
    text-shadow: 0px 1px 1px #1F28D7, 0px 0px 1px #1F28D7, -1px 0px 0px rgba(11, 14, 204, 0.9);
}

.slogan {
    position: relative;
	color: rgb(5, 101, 198);
}

.logo {
    position: absolute;
    top: 8px;
    right: 7px;
}

a img {
	border-style: none;
    max-width:100% !important;
    max-height:100% !important;
    display:block;	
}

#timer {
    bottom: 73px;
    left: 15px;
    position: absolute;
    width: 90px;
    text-align: center;
    font-size: 18px;
    color: #57d7f4;
    text-shadow: 1px -1px 1px #4042df;
}

.img-loading {
    position: absolute;
    top: 126px;
    right: 86px;
    width: 323px;
    height: 8px;
}

#control{
    position: absolute;
    width: 429px;
    bottom: 6px;
    left: 8px;
    height: 58px;
    background-color: rgba(21, 21, 77, 0.62);
    border-radius: 8px;
    border: 4px ridge rgba(5, 51, 19, 0.75);
}

.volume_bg{
	position: absolute;
    bottom: 16px;
    left: 103px;
    width: 145px;
    height: 45px;
	background-image:url(../images/volumes_upd.png);
	background-repeat: no-repeat;
    opacity: 0.8;
}

.volume_n{
	position: absolute;
    bottom: 16px;
    left: 135px;
    width: 155px;
    height: 45px;
	background-image:url(../images/volumbg.png);
	background-repeat: no-repeat;
    opacity: 0.8;
}

#search {
    border: none;
    background: url('../images/google.png') no-repeat;
    position: absolute;
    margin-top: 12px;
    margin-left: 450px;
    z-index: 1;
    display: block;
    padding: 15px 10px;
    cursor: pointer;
}

@media only screen and (max-width: 479px) {
div.radioplay {
    width: 325px;
    height: 195px;
}
.suport {
    display: none;
} 

#content div.radioplay div#display span.state {
    position: relative;
    left: 252px;
    top: -116px;
}
#albumcover {
    height: 90px;
    width: 90px;
}
#nowplaying {
    top: 130px;
    width: 236px;
    height: 58px;
    border-radius: 5px;
    right: 78px;
}
.artist {
    position: absolute;
    width: 232px;
    font-size: 16px;
    top: 4px;
}
p.title {
    position: absolute;
    width: 232px;
    font-size: 14px;
    top: 34px;
}
.logo {
    display: none;
}
#stationlogo {
    position: absolute;
    right: 5px;
    bottom: 2px;
    height: 57px;
}
#mycanvas {
    top: 20px;
    left: 113px;
    width: 140px;
}
#radio-slider {
  left: 5px;
  top: 19px;
  width: 133px;
  }
#radio-sound {
    display: none;
}

#timer {
    bottom: 100px;
    left: 242px;
    color: #cce1ee;
}
.volume_bg {
   /* background-image: url(../images/volumes_upd.png);*/
    bottom: 91px;
    left: 110px;
}

.volume_n{
    bottom: 91px;
    left: 110px;
	background-image: none;
}

#content div.radioplay div#display div#volume {
    top: 75px;
    left: 130px;
    width: 112px;
}
#control {
    width: 320px;
    background-color: transparent;
 /* display: none; */
    border: none;
}
.img-loading {
    display: none;
}
.station {
    width: 316px !important;
    right: 5px;
    bottom: 62px;
    border: none;
    background: none;
}
#content div.radioplay div#display div#volume span {
    width: 8px;
}
#eqswitch {
    display: none !important;
   }
}