/* Additional play button */
#radio_player_playbtn{
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	width: 60px;
	height: 60px;
	border-radius: 31px;
	border: 1px solid var(--main-color);
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
#radio_player_playbtn.radio_hidden,
#radio_player_playbtn.radio_pause{
	display: none;
}
#radio_player_playbtn > div{
	position: absolute;
    width: 0;
    height: 0;
    left: calc(50% - 6px);
    top: calc(50% - 11px);
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent var(--main-color) transparent var(--main-color);
}

/* Preloader */
#radio_player_preloader{
	position:absolute;
	left: 50%;
	width:83px;
	height:83px;
	margin:auto;
	transform:scale(0.6) translateX(-83%);
}

.f_circleG{
	position:absolute;
	background-color:rgb(226,34,39);
	opacity: 0;
	height:15px;
	width:15px;
	border-radius:8px;
	animation-duration:0.8s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}

.f_circleG_W{
	background-color:rgb(255,255,255);
}

#radio_player_preloader>.frotateG_01{
	left:0;
	top:34px;
	animation-name:f_fadeG1;
}

#radio_player_preloader>.frotateG_02{
	left:10px;
	top:10px;
	animation-name:f_fadeG2;
}

#radio_player_preloader>.frotateG_03{
	left:34px;
	top:0;
	animation-name:f_fadeG3;
}

#radio_player_preloader>.frotateG_04{
	right:10px;
	top:10px;
	animation-name:f_fadeG4;
}

#radio_player_preloader>.frotateG_05{
	right:0;
	top:34px;
	animation-name:f_fadeG5;
}

#radio_player_preloader>.frotateG_06{
	right:10px;
	bottom:10px;
	animation-name:f_fadeG6;
}

#radio_player_preloader>.frotateG_07{
	left:34px;
	bottom:0;
	animation-name:f_fadeG7;
}

#radio_player_preloader>.frotateG_08{
	left:10px;
	bottom:10px;
	animation-name:f_fadeG8;
}

@keyframes f_fadeG1{
	0%{opacity:0.3;}
	12%{opacity:0;}
	13%{opacity:1;}
	100%{opacity:0.3;}
}

@keyframes f_fadeG2{
	0%{opacity:0.4;}
	25%{opacity:0;}
	26%{opacity:1;}
	100%{opacity:0.4;}
}

@keyframes f_fadeG3{
	0%{opacity:0.5;}
	37%{opacity:0;}
	38%{opacity:1;}
	100%{opacity:0.5;}
}

@keyframes f_fadeG4{
	0%{opacity:0.6;}
	50%{opacity:0;}
	51%{opacity:1;}
	100%{opacity:0.6;}
}

@keyframes f_fadeG5{
	0%{opacity:0.7;}
	62%{opacity:0;}
	63%{opacity:1;}
	100%{opacity:0.7;}
}

@keyframes f_fadeG6{
	0%{opacity:0.8;}
	74%{opacity:0;}
	75%{opacity:1;}
	100%{opacity:0.8;}
}

@keyframes f_fadeG7{
	0%{opacity:0.9;}
	87%{opacity:0;}
	88%{opacity:1;}
	100%{opacity:0.9;}
}

@keyframes f_fadeG8{
	0%{opacity:1;}
	100%{opacity:0;}
}