.audio-player-app {
    display: none;
    padding-top: 0;
    background: linear-gradient(to bottom,#444,#222);
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5)
}

.audio-player-app.ready {
    display: block
}

.audio-player-app a,.audioplayer-volume-v2 {
    float: left;
    cursor: pointer;
    text-decoration: none;
    color: white;
    text-align: center;
    display: table-cell;
    width: 10%
}

.audio-player-app a.fa {
    float: left;
    cursor: pointer;
    text-decoration: none;
    font-size: 24px;
    width: 10%;
    text-align: center;
    display: inline-block;
    line-height: 60px
}

.audio-player-app a.fa:hover,a.ctime:hover,.player-extras a:hover {
    background: #222;
    color: white;
    position: relative;
    top: 1px
}

.audio-player-app a.goToPrev,.audio-player-app a.goToNext {
    font-size: 28px;
    width: 12%
}

.audio-player-app a.fa:before {
    top: 4px;
    position: relative;
    margin-right: 0
}

.audio-player-app a.fa-assistive-listening-systems:before,.audio-player-app a.record-button-v2:before {
    top: 2px
}

.audio-player-app a.fa-backward,.audio-player-app a.fa-forward {
    font-size: 36px;
    width: 13.5%
}

.audio-player-app a.fa-play,.audio-player-app a.fa-pause {
    font-size: 48px;
    width: 15%
}

.audio-player-app a.fdsa:before {
    border: 1px solid white;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 10px;
    box-sizing: border-box
}

.audioplayer-bar {
    float: left;
    width: 70%;
    margin-top: 3px;
    position: relative;
    left: 0;
    right: 0
}

.audioplayer-time-duration {
    border-right: 0;
    font-size: 14px
}

.audioplayer-bar {
    display: block !important
}

a.ctime,a.cdt,.audioplayer-volume-v2 {
    width: 7%;
    line-height: 60px;
    min-width: 48px
}

a.ctime {
    min-width: 50px
}

a.cdt {
    margin-left: 0;
    font-size: 12px
}

.audioplayer-volume-v2 {
    margin-left: 0
}

.audio-player-app .js-shazamStart.live {
    color: #2f94e8;
    animation: border-pulsate 2s infinite
}

.audio-player-app .js-shazamStart.live:hover {
    color: #2f94e8
}

.record-button-v2.live {
    color: red;
    animation: border-pulsate 2s infinite
}

.audio-player-app .record-button-v2.live:hover {
    color: red
}

.audio-player-app a.fa-volume-up,.audio-player-app a.fa-volume-off {
    width: 100%
}

.audioplayer-volume-v2 {
    position: relative;
    float: left;
    cursor: auto
}

.audioplayer-volume-v2:hover {
    background: #222;
    z-index: 20
}

.audioplayer-volume-v2 .audioplayer-volume-adjust-v2 {
    display: none;
    top: auto;
    bottom: 99%;
    height: 8.25em;
    width: 100%;
    position: absolute;
    background: linear-gradient(to bottom,#444,#222);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.audioplayer-volume-v2:hover .audioplayer-volume-adjust-v2 {
    display: block
}

.audioplayer-volume-v2:hover a {
    top: 1px;
    color: white;
    position: relative;
    top: 1px
}

.audioplayer-volume-v2 .audioplayer-volume-adjust-v2>div {
    width: 40%;
    height: 80%;
    background-color: #222;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 20% auto 0;
    box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);
    border-radius: 4px
}

.audioplayer-volume-v2 .audioplayer-volume-adjust-v2>div>div {
    background: linear-gradient(to top,#007fd1,#c600ff);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 4px
}

.audioplayer-volume-v2 .audioplayer-volume-adjust div div {
    background: -webkit-gradient(linear,left bottom,left top,from(#007fd1),to(#c600ff));
    background: -webkit-linear-gradient(bottom,#007fd1,#c600ff);
    background: -moz-linear-gradient(bottom,#007fd1,#c600ff);
    background: -ms-radial-gradient(bottom,#007fd1,#c600ff);
    background: -o-linear-gradient(bottom,#007fd1,#c600ff);
    background: linear-gradient(to top,#007fd1,#c600ff)
}

@media(max-width: 1199px) {
    .audio-player-app a.goToNext,.audio-player-app a.goToPrev {
        width:11.4%
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        width: 12%
    }
}

@media(max-width: 979px) {
    a.ctime {
        margin-left:2px
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        display: none
    }

    .audio-player-app.seeking-on a.seekBack,.audio-player-app.seeking-on a.seekForw {
        display: block
    }

    .audio-player-app.seeking-on a.goToNext,.audio-player-app.seeking-on a.goToPrev {
        display: none
    }

    .audio-player-app a {
        width: 10%
    }

    a.ctime,a.cdt,.audioplayer-volume-v2 {
        width: 12.7%
    }

    .audio-player-app a.fa-previous,.audio-player-app a.fa-next {
        width: 17%;
        font-size: 34px
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        width: 17%;
        font-size: 32px
    }

    .audio-player-app a.fa-play,.audio-player-app a.fa-pause {
        width: 20%
    }
}

@media(max-width: 767px) {
    a.ctime,a.cdt {
        width:12%
    }

    .audioplayer-volume-v2 {
        width: 10%
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        width: 12%;
        font-size: 36px
    }

    .audio-player-app a.fa-previous,.audio-player-app a.fa-next {
        width: 10%
    }

    .audio-player-app a.fa-play,.audio-player-app a.fa-pause {
        width: 15%
    }

    .audio-player-app a.fa-microphone,.audio-player-app a.fa-assistive-listening-systems {
        width: 9%
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        display: block
    }

    .audio-player-app.seeking-on a.seekBack,.audio-player-app.seeking-on a.seekForw {
        display: block
    }

    .audio-player-app.seeking-on a.goToNext,.audio-player-app.seeking-on a.goToPrev {
        display: block
    }
}

@media(max-width: 480px) {
    a.ctime {
        margin-left:3px;
        width: 15%
    }

    .audio-player-app a.fa-play,.audio-player-app a.fa-pause {
        width: 21%
    }

    .audio-player-app {
        position: relative;
        width: calc(100% + 20px);
        left: -10px
    }

    .audio-player-app a.fa-previous,.audio-player-app a.fa-next,.audio-player-app a.seekBack,.audio-player-app a.seekForw {
        width: 13%
    }

    .audio-player-app a.fa-microphone,.audio-player-app a.fa-assistive-listening-systems {
        width: 12%
    }

    .audio-player-app a.seekBack,.audio-player-app a.seekForw {
        display: none
    }

    .audio-player-app.seeking-on a.seekBack,.audio-player-app.seeking-on a.seekForw {
        display: block
    }

    .audio-player-app.seeking-on a.goToNext,.audio-player-app.seeking-on a.goToPrev {
        display: none
    }
}

@media(max-width: 390px) {
    .audio-player-app a.fa-assistive-listening-systems,.audio-player-app a.fa-record {
        width:10%
    }
}

@media(max-width: 340px) {
    a.ctime {
        margin-left:0
    }
}


audio {
    display: inline-block;
    *display: inline;
    *zoom:1;}

.server-conts {
    width: 100%
}

.server-conts.need-init {
    max-height: 80px;
    overflow: hidden
}

.server-conts.need-init,.extendScroll.server-conts.need-init {
    max-height: 175px
}

.server-conts .last-full-row {
    width: calc(100% - 2px)
}

.server-row {
    cursor: pointer;
    background: #252525;
    padding: 5px;
    box-sizing: border-box;
    margin: 0 2px 2px 0;
    height: 30px
}

.server-row:hover {
    color: white
}

.server-row.active {
    color: white;
    font-size: 15px;
    font-weight: bold;
}

.server-row.active:hover {
    color: white
}

.server-row span {
    vertical-align: middle;
}

.server-row i {
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle
}

.server-row .info {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.server-row .info {
    width: calc(100% - 113px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 1200px) {
    .server-row {
        width:calc(50% - 2px);
        float: left
    }
}

.server-row .status {
    margin-left: 9px
}

.server-row .fa-volume-up {
    display: none
}

.server-row.active .status {
    display: inline-block
}

.server-row.active .fa-volume-up {
    display: inline-block
}



i.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body i.fa {
    margin-right: 0
}
.clear
 {
    clear: both;
}
	body {
		  background-color: black;
		  color: #adadad;
		}
		.container  {
		  background: #2e2e2e;
		 }
.clear_title5 {
    height: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.clear_title, .clear_title5, .clear_title10, .clear_title10_2, .clear_title20
 {
    clear: both;
    background: url(https://makedonskiradiostanici.com/public/img/h.png) left bottom repeat-x;
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
}

.phear .radio-logo.fa-volume-up:before{
	position:absolute;
	top:4px;
	left:4px;
	font-size:30px;
	color: red;
}
.phear .radio-logo.fa-volume-up.anim:before{
	animation-duration:1000ms;
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-direction:alternate
}
.phear .radio-logo.fa-volume-up img{
	opacity:.3
}
.audio-player-app a.fa-volume-up,.audio-player-app a.fa-volume-off{
	width:100%
}
.radiosListLink{
	position:relative
}
.radios-list  {
  list-style-type: none;
  margin: 0;
  padding: 0;

}

.radios-list li {
  display: inline-block;
  color: black;
  padding: 10px;
  text-decoration: none;
  height: auto;
  float: left;
  
}

@media only screen and (max-width: 500px) {
.radios-list  li {width: 25.000%;}
}


@media only screen and (min-width: 500px) {
.radios-list  li {width: 25.000%;}
}


@media only screen and (min-width: 568px) {
.radios-list  li {width: 20.000%;}
} 


@media only screen and (min-width: 992px) {
.radios-list  li {width: 16.666%;}
} 


@media only screen and (min-width: 1200px) {
 .radios-list li {width: 14.285%;}
}

.col-logo, .col-name {
  display: inline;
  float: left;

}

.col-logo img {
  width: 130px;
  height: auto;
  padding: 10px;
}

.col-name {
width: calc(100% - 130px);   
 
}

.col-logo {



}

em {
  display: block;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden !important;
       
}
@font-face{
	font-family:'icomoon';
	src:url('https://makedonskiradiostanici.com/public/fonts/iconmoon/icomoon.woff') format('woff'),url('https://makedonskiradiostanici.com/public/fonts/iconmoon/icomoon.eot?#iefixa') format('embedded-opentype'),url('https://makedonskiradiostanici.com/public/fonts/iconmoon/icomoon.ttf?bh2uiaaaa') format('truetype'),url('https://makedonskiradiostanici.com/public/fonts/iconmoon/icomoon.svg?bh2uiaaaa#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
[class^="fa-"]:before,[class*=" fa-"]:before{
	font-family:'icomoon' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	margin-right:3px;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
[class*="fa-close-after"]:after{
	font-family:'icomoon' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	margin-right:3px;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.fa-close-after:after{
	content:"\f00d"
}
.fa-messenger:before{
	content:"\e904";
	color:#0084ff
}
.fa-viber:before{
	content:"\e905";
	color:#665cac
}
.fa-huawei:before{
	content:"\e900";
	color:#f00
}
.fa-lyrics:before{
	content:"\e901"
}
.fa-microphone:before{
	content:"\e902"
}
.fa-sun-regular:before{
	content:"\e903"
}
.fa-fullscreen-exit:before{
	content:"\e906"
}
.fa-cast:before{
	content:"\e907"
}
.fa-fullscreen:before{
	content:"\e908"
}
.fa-hand-holding-usd-solid:before{
	content:"\e909"
}
.fa-comments:before{
	content:"\e90a"
}
.fa-instagram:before{
	content:"\e90b"
}
.fa-image:before{
	content:"\e90d"
}
.fa-headphones:before{
	content:"\e910"
}
.fa-video-camera:before{
	content:"\e914"
}
.fa-play:before{
	content:"\ea15"
}
.fa-pause:before{
	content:"\ea16"
}
.fa-previous:before{
	content:"\ea18"
}
.fa-next:before{
	content:"\ea19"
}
.fa-backward:before{
	content:"\ea1a"
}
.fa-forward:before{
	content:"\ea1b"
}
.fa-music:before{
	content:"\f001"
}
.fa-search:before{
	content:"\f002"
}
.fa-heart:before{
	content:"\f004"
}
.fa-star:before{
	content:"\f005"
}
.fa-star-o:before{
	content:"\f006"
}
.fa-th-list:before{
	content:"\f00b"
}
.fa-close:before{
	content:"\f00d"
}
.fa-home:before{
	content:"\f015"
}
.fa-play-circle-o:before{
	content:"\f01d"
}
.fa-list-alt:before{
	content:"\f022"
}
.fa-volume-off:before{
	content:"\f026"
}
.fa-volume-down:before{
	content:"\f027"
}
.fa-volume-up:before{
	content:"\f028"
}
.fa-list:before{
	content:"\f03a"
}
.fa-backward1:before{
	content:"\f04a"
}
.fa-forward1:before{
	content:"\f04e"
}
.fa-arrow-left:before{
	content:"\f060"
}
.fa-arrow-right:before{
	content:"\f061"
}
.fa-chevron-up:before{
	content:"\f077"
}
.fa-chevron-down:before{
	content:"\f078"
}
.fa-star-half:before{
	content:"\f089"
}
.fa-heart-o:before{
	content:"\f08a"
}
.fa-twitter:before{
	content:"\f099"
}
.fa-facebook:before{
	content:"\f09a"
}
.fa-bullhorn:before{
	content:"\f0a1"
}
.fa-bell-o:before{
	content:"\f0a2"
}
.fa-sort:before{
	content:"\f0dc"
}
.fa-bell:before{
	content:"\f0f3"
}
.fa-angle-double-up:before{
	content:"\f102"
}
.fa-angle-double-down:before{
	content:"\f103"
}
.fa-angle-left:before{
	content:"\f104"
}
.fa-angle-right:before{
	content:"\f105"
}
.fa-star-half-empty:before{
	content:"\f123"
}
.fa-calendar-o:before{
	content:"\f133"
}
.fa-sort-amount-asc:before{
	content:"\f160"
}
.fa-sort-amount-desc:before{
	content:"\f161"
}
.fa-thumbs-up:before{
	content:"\f164"
}
.fa-thumbs-down:before{
	content:"\f165"
}
.fa-youtube-play:before{
	content:"\f16a"
}
.fa-apple:before{
	content:"\f179"
}
.fa-android:before{
	content:"\f17b"
}
.fa-whatsapp:before{
	content:"\f232"
}
.fa-assistive-listening-systems:before{
	content:"\f2a2"
}
.fa-user:before{
	content:"\e971"
}
.fa-tiktok:before{
	content:"\e90c"
}