body {
  background-color: #f0f0f0;
}

#adContainer {
  display: none;
}
.disable-click{
  pointer-events:none;
}
.publicidad {
  background: #FAFAFA;
  display: inline-block;
  font-size: 40px;
  color: #CBCBC4;
  text-align: center;
  max-width: 100%;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.center_content {
  box-shadow: none;
}
.top-social a {
  color: #ffffff;
}
.top-social a,.radio-vivo span, .radio-vivo p {
  color: #ffffff !important;
}

.reproductor i{
  font-size: 4.5rem !important;
  margin: 0;
  color: #f78e15;
}
.justify-content-md-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  margin: 4rem 0px 1rem 0px;
}

.fa-play:before{
  width: 88px;
  height: 88px;
  border: 7px solid #f78e15;
  border-radius: 50px;							
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: 10px;
}

#playerComponent.co-playing .icon-player .fa-play:before{
  content: "\f04c";
	text-indent: 0px;
}

#playerComponent.co-loading .icon-player .fa-play{
  -webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	font-size: 8rem !important;
}
#playerComponent.co-loading .icon-player .fa-play:before{
  content: "\f110";
	border: 9px solid #fff;
	text-indent: 0px;
}
.rounded-lg {
  border-radius: .3rem!important;
}
.problema,.problema a{
  color: #444444;
}

#playerComponent #control_volumen {
  display: block;
  width: 175px;
  margin-top: 15px;
  position: relative;
  vertical-align: middle;
  margin: 1rem auto !important;
}
.volumen-progress {
  display: table;
  width: 100%;
  padding: 0 10px;
}
.volumen-progress .volumen-icono {
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
  color: #f78e15;
  width: 20px;
  transition: all 400ms ease;
  padding: 3px;
}
.volumen-progress .barra-volumen {
  display: table-cell;
  vertical-align: middle;
}
.volumen-progress .barra-volumen .barra-progreso {
  width: 100%;
  height: 9px;
  border-radius: 12px;
  background-color: #ccc;
  position: relative;
  cursor: pointer;
}
.volumen-progress .barra-volumen .barra-progreso .volumenProgreso {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 12px;
  background-color: #f78e15;
  width: 90%;
}

/* tema and song */
.nu-wrap {
  position: relative;
  opacity: 1 !important;
  padding: 7px 25px 7px 25px;
}
.nu-wrap.live {
  margin-bottom: 2rem;
  border-style: dotted;
  border-width: 1px;
  border-color: #c7c7c7;
}
.nu-content {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  height: 69px;
  display: flex;
}
.nu-left-player {
  flex: 1;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.live .image-cover {
width: 66px;
height: 66px;
border-radius: 5px;
overflow: hidden;
background-color: #eee;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
-ms-flex: none;
flex: none;
margin-right: 18px;
} 
.nu-wrap .nu-info {
margin-bottom: 4px;
line-height: 1;
font-size: 17px;
font-weight: 700;
font-family: 'Roboto',sans-serif;
color: #f78e15;
}
.nu-wrap .nu-title{
font-size: 15px;
font-weight: 500;
font-family: 'Roboto',sans-serif;
color: #403e3e;
}
.nu-right-player {
display: flex;
padding: 15px;
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.fa{
  font-size: 22px !important;
  margin-top: 14%;
}