.radio-item .radio-info-cont{
	width:calc(100% - 55px)
} 

.radio-item{
	height:55px;
	line-height:20px;
	padding-right:1px;
	overflow:hidden;
	margin-right:4px;
	margin-top:10px;
	box-sizing:border-box;
	
}

.radio-item .radio-title{
	font-size:16px;
	padding:4px 0;
	font-weight:bold 
}
.radio-item .radio-info-cont div{
	box-sizing:border-box;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}

.radio-item>div{
	float:right;
	transition:all .3s ease-out;
	padding:2px 3px 3px 0
}

.radio-item .radio-logo{
    position: absolute;
	padding:5px 5px 3px 0
}


.radio-item .radio-logo img{
	height:45px;
	width:45px;
	border-radius:2px
}

.radio-item .program-name{
	color:#2f94e8;
	font-size:13px;
	transition:all .3s ease-out;
}

.radio-item:hover .program-name{
	color:#6fe2ff
	
}

.btn1{
text-decoration:none;
color:#bfbfbf;
background:url(https://fmradioonline.com/public/img/sprite5.png) -5px -1403px no-repeat #151515
}
.btn1:hover{
	color:white;
	background-position:0 -1403px
} 

.btn2.radio-item{
text-decoration:none;
color:red;
background:url(https://fmradioonline.com/public/img/sprite5.png) -5px -1469px no-repeat #151515;
}
.btn2.radio-item:hover{
	color:white;
	background-position:0 -1469px
}


.scrolledRadioContentDef{
	position:relative;
	min-height:64px
}


audio{
	display:inline-block;
	*display:inline;
	*zoom:1;
	display:none
}
.audio-player-app a{
	line-height:60px
}
.audio-player-app a.fa{
	font-size:24px
}

.mRadioPlayer   a {
   text-decoration: none;
}

.audioplayer-volume-v2 {
   display:inline-block;
}

.audio-player-app{
	display:none;
	padding-top:0;
	background:linear-gradient(to bottom, rgba(255,255,255,.1), rgba(255, 255, 255, .1));

}
.audio-player-app.ready{
	display:block;
	width:250px;

}
.audio-player-app a,.audioplayer-volume-v2{
	float:left;
	cursor:pointer;
	text-decoration:none;
	color:LightGray;
	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:69px
}
.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:25%
}
.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:60%
}
.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:20%;
	line-height:69px;
/*	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)
}

.pulse-anim.audioplayer-volume-button {
	animation:border-pulsate 4s infinite
}
.ui-autocomplete-row
      {
        padding:5px;
        border-bottom:1px solid #ccc;
        font-weight:bold;
      }
      .ui-autocomplete-row a {
        text-decoration: none;
        color: Gainsboro;
      }
     
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #343a40;
    color: Gainsboro;
}
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ui-front {
    z-index: 100;
}
.ui-menu .ui-menu-item-wrapper
Specificity: (0,2,0)
 {
    position: relative;
    padding: 3px 1em 3px .4em;
}
    
 body {
  
  background-image: url(/public/css/body5.png);
  background-color: #adb5bd;
}
h1,h2,h3 {
  font-size: 24px;
 
  font-family: Arial, Helvetica, sans-serif;
   margin-block:1px;
}
h1,h2,h3,em {
  
   margin-block:0px;
}

p, em {
  
   font-size: 14px;
   font: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 455px) { 
    .radio-item  { width: 99.4000%;  } 
    .audio-player-app.ready { 
      margin-right: auto;
      margin-left: auto;   
    } 
}
@media screen and (min-width: 455px) { 
    .radio-item  { width: 99.4000%;  } 
     .audio-player-app.ready { 
      margin-right: auto;
      margin-left: auto;   
    } 
}
@media screen and (min-width: 556px) { 
    .radio-item  { width: 49.1000%;   } 
      .audio-player-app.ready { 
      margin-right: auto;
      margin-left: auto;   
    }
}
@media screen and (min-width: 560px) {
.radio-item  { width: 49.1000%;   } 
    .audio-player-app.ready { 
      margin-right: auto;
      margin-left: auto;   
    }  
}
@media screen and (min-width: 600px) { 
    .radio-item  { width: 49.1000%;   } 
    .audio-player-app.ready { 
      margin-right: auto;
      margin-left: auto;   
    }
}
@media screen and (min-width: 768px) {
    .radio-item  { width: 49.1000%;   } 
    .audio-player-app.ready { 
     margin-right: auto;
     margin-left: auto   
    }
}
@media screen and (min-width: 850px) { .radio-item  { width: 32.733%;    } }
@media screen and (min-width: 992px) { .radio-item  { width: 32.733%;    } }
@media screen and (min-width: 1200px) { .radio-item  { width: 32.833%;   } }
@media screen and (min-width: 1400px) { .radio-item  { width: 32.833%;   } }



.phear .radio-logo.fa-volume-up img{
	opacity:.3
}

.phear .radio-logo.fa-volume-up:before{
	position:absolute;
	top:12px;
	left:12px;
	font-size:30px;
	color:Green;
}
.phear .radio-logo.fa-volume-up.anim:before{
	animation-duration:1000ms;
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-direction:alternate
}



@keyframes blink{
	from{
		opacity:2
}
	to{
		opacity:.3
}
}
@keyframes border-pulsate{
	0%{
		opacity:1
}
	50%{
		opacity:.1
}
	100%{
		opacity:1
}
}
@-webkit-keyframes border-pulsate{
	0%{
		opacity:1
}
	50%{
		opacity:.1
}
	100%{
		opacity:1
}
}
@-o-keyframes border-pulsate{
	0%{
		opacity:1
}
	50%{
		opacity:.1
}
	100%{
		opacity:1
}
}
@font-face{
	font-family:'icomoon';
	src:url('/public/fonts/iconmoon/icomoon.woff') format('woff'),url('/public/fonts/iconmoon/icomoon.eot?#iefixa') format('embedded-opentype'),url('/public/fonts/iconmoon/icomoon.ttf?bh2uiaaaa') format('truetype'),url('/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"
}

.flag-icon-mk {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/mk.svg);
}
.flag-icon-ba {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/ba.svg);
}
.flag-icon-rs {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/rs.svg);
}
.flag-icon-hr {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/hr.svg);
}

.flag-icon-si {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/si.svg);
}

.flag-icon-me {
    background-image: url(https://fmradioonline.com/public/flags1/4x3/me.svg);
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: '\00a0';
}
.flag-icon.flag-icon-squared {
  width: 2.2em;
}

.flag-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 0px black;
  overflow: hidden;
  margin-bottom: 0px;
}
.flag-wrapper:after {
  padding-top: 75%;
  /* ratio */
  display: block;
  content: '';
}
.flag-wrapper .flag {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.btn-top {
  display: none;
  cursor: pointer;
  position: fixed; 
  bottom: 20px;
  right: 30px;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: Gray;
  color: Gainsboro;
  border: none;
}

.btn-top i{
 font-size:28px;
}
.btn-top:hover {
 color: white;
}