#volume {
	width: 60px;
}
#soundlist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#soundlist p {
	text-align: center;
	font-style: oblique;
}
p#radionowPlayer i.fa.fa-pause-circle {
	display: none;
}
p#radionowPlayer i.fa {
	cursor:pointer;
}
#radionowPlayer {
	font-size: 24px;
	margin: 1px 0px -6px 0px;
}
#radionowPlayer > .fa-play-circle, #radionowPlayer > .fa-pause-circle {
	position: relative;
	top: 5px;
	font-size:54px;
}
#radionowPlayer input {
	vertical-align: middle;
}
.rememberHelp {
	cursor:help;
}
#equaliser-container {
	height: 10px;
	width: 20px;
	margin: 0 0;
	padding: 0 0 0 0;
	position: relative;
	opacity: 0;
	transition: opacity 2s cubic-bezier(.17, .84, .44, 1);
}
.colour-bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: black;
}
.equaliser-column {
	width: 2px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 10px;
	position: relative;
	list-style-type: none;
}
 .equaliser-column:nth-child(1) .colour-bar {
animation: color-bar-paused 2s 1s ease-out alternate infinite;
}
 .equaliser-column:nth-child(2) .colour-bar {
animation: color-bar-paused 2s 0.5s ease-out alternate infinite;
}
 .equaliser-column:nth-child(3) .colour-bar {
animation: color-bar-paused 2s 1.5s ease-out alternate infinite;
}
 .equaliser-column:nth-child(4) .colour-bar {
animation: color-bar-paused 2s 0.375s ease-out alternate infinite;
}
 .equaliser-column:nth-child(5) .colour-bar {
animation: color-bar-paused 2s 2s ease-out alternate infinite;
}
.equaliser-column:last-child {
	margin-right: 0;
}
 @keyframes color-bar-playing {
0% {
 height: 1px;
 background: black;
}
10% {
 height: 3px;
 background: black;
}
20% {
 height: 5px;
 background: black;
}
30% {
 height: 2px;
 background: black;
}
40% {
 height: 7px;
 background: black;
}
50% {
 height: 9px;
 background: black;
}
60% {
 height: 3px;
 background: black;
}
70% {
 height: 8px;
 background: black;
}
80% {
 height: 5px;
 background: black;
}
90% {
 height: 3px;
 background: black;
}
100% {
 height: 1px;
 background: black;
}
}
 @keyframes color-bar-paused {
0% {
 height: 1px;
 background: black;
}
100% {
 height: 1px;
 background: black;
}
}
#currentVolume {
	opacity: 0;
	overflow: visible;
	white-space: nowrap;
	left: 0px;
	width: 10px;
	height:8px;
	margin-left: 40px;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
 @keyframes helpMoveClickPlay {
 from {
left: -22px;
}
to {
	left: 0px;
}
}
 @keyframes helpMoveClickPause {
 from {
left: 0px;
}
to {
	left: -22px;
}
}
#playerAbout {
	left: -22px;
	position: relative;
	width: 0px;
}
#MagicPlayer {
	width: 90px;
	background: transparent;
	transition: height 0.5s ease, width 0.5s ease, border-color 585ms ease;
}
#playerInfoHeading {
	width: max-content;
	margin-right: 0.375rem;
	height: 19px;
}
#playerInfo {
	display: flex;
	overflow: hidden;
	max-height: 19px;
	opacity: 0;
	width: 90px;
	align-items: center;
}
#playerInfoPlaying {
	white-space: nowrap;
	width: min-content;
	margin-left: 0.375rem;
	font-family: 'IBM Plex Mono', monospace;
	color: #fffe;
}
#playerInfoPlayingContainer {
	overflow: hidden;
	background: #f7a60043;
	border: 1px solid black;
	border-style: inset;
	border-radius: 10px;
	background-image: -webkit-repeating-radial-gradient(rgba(0, 0, 0, .375), rgba(0, 0, 0, .375) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(rgba(0, 0, 0, .375), rgba(0, 0, 0, .375) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(rgba(0, 0, 0, .375), rgba(0, 0, 0, .375) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(rgba(0, 0, 0, .375), rgba(0, 0, 0, .375) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
}
.marquee {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 15s linear infinite;
}
@keyframes marquee {
 0% {
transform: translate(0, 0);
}
 100% {
transform: translate(-100%, 0);
}
}
#playerMiddleLine {
	display: inline-flex;
	align-items: center;
	position: relative;
	top: 0px;
	transition: top 0.5s ease 0s;
}
#playerBottomLine {
	position: relative;
	top: 0px;
	transition: top 0.5s ease 0s;
	display: inline-flex;
}
#playerBottomLine > p {
	margin: 8px 0px 4px 0px;
}
.span8 {
	display: inline-block;
	width: 8px;
}
#radionowPlayerContainer {
	height: 110px;
}
#playerRememberHelp {
	width: max-content;
}
 @keyframes playerLogoFade {
 0% {
opacity:0;
z-index: 20;
}
 1% {
z-index:21;
}
 25% {
opacity:1;
}
 49% {
z-index:21;
}
 50% {
opacity:0;
z-index: 20;
}
 100% {
opacity:0;
}
}
 @keyframes playerLogoFadeStopClan {
 0% {
opacity:0;
z-index: 20;
}
 50% {
opacity:0;
z-index: 21;
}
 75% {
opacity:1;
}
 100% {
opacity:1;
}
}
 @keyframes playerLogoFadeStopJet {
 0% {
opacity:1;
z-index: 21;
}
 50% {
opacity:0;
z-index: 20;
}
 100% {
opacity:0;
}
}
 @keyframes playerLogoFadeStop {
 0% {
opacity:0;
z-index: 20;
}
 1% {
z-index:21;
}
 25% {
opacity:1;
}
 100% {
opacity:1;
}
}
#playerLogo {
	margin: 0 0 0 40px !important;
	position: relative;
	transition: left 0.5s ease;
	left: 0;
}
#playerLogo p {
	margin: 0 !important;
}
#playerJetstreamLogo, #playerClanhouseLogo {
	position: absolute;
}
#playerJetstreamLogo {
	left: -2px;
	opacity: 0;
}
input[type=range] {
	margin: 7px 0;
	background-color: transparent;
	-webkit-appearance: none;
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
 background: #fffe;
 border: 0.7px solid #f7a600;
 border-radius: 3px;
 height: 2px;
 cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
 margin-top: -7.7px;
 width: 9px;
 height: 16px;
 background: #f7a600;
 border: 0;
 border-radius: 1px;
 cursor: pointer;
 -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
 background: #fffe;
}
input[type=range]::-moz-range-track {
 background: #fffe;
 border: 0.7px solid #f7a600;
 border-radius: 3px;
 height: 2px;
 cursor: pointer;
}
input[type=range]::-moz-range-thumb {
 width: 9px;
 height: 16px;
 background: #f7a600;
 border: 0;
 border-radius: 1px;
 cursor: pointer;
}
input[type=range]::-ms-track {
 background: transparent;
 border-color: transparent;
 border-width: 8px 0;
 color: transparent;
 height: 2px;
 cursor: pointer;
}
input[type=range]::-ms-fill-lower {
 background: #fffe;
 border: 0.7px solid #f7a600;
 border-radius: 6px;
}
input[type=range]::-ms-fill-upper {
 background: #fffe;
 border: 0.7px solid #f7a600;
 border-radius: 6px;
}
input[type=range]::-ms-thumb {
 width: 9px;
 height: 16px;
 background: #f7a600;
 border: 0;
 border-radius: 1px;
 cursor: pointer;
 margin-top: 0px;
}
input[type=range]:focus::-ms-fill-lower {
 background: #fffe;
}
input[type=range]:focus::-ms-fill-upper {
 background: #fffe;
}
@supports (-ms-ime-align:auto) {
 input[type=range] {
 margin: 0;
}
}
.signup-button {
	padding-top: 20px;
	margin-bottom: -20px;
}
.fal1 {
	display: block;
	width: 100%;
	height: 13px;
	background: #1c1d50;
	margin-bottom: -60px;
	z-index: 9;
	position: relative;
	margin-top: -17px;
}
.fal2 {
	display: block;
	width: 100%;
	height: 10px;
	background: #1c1d50;
	margin-bottom: 0px;
	z-index: 9;
	position: relative;
	margin-top: -24px;
}
#ofg {
	height: 110px;
	overflow: hidden;
	position: relative;
	width: 200px;
	padding:0px;
}
#outerdiv {
	height: 110px;
	overflow: hidden;
	position: relative;
	width: 200px;
	margin: 13px 0px 0px 0px;
}
#inneriframe {
	height: 110px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 200px;
}
#ofg2 {
	height: 160px;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 0px;
	margin-top: -82px;
}
#outerdiv2 {
	height: 160px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0px;
}
#inneriframe2 {
	height: 165px;
	left: 0px;
	position: absolute;
	top: 0px;
	max-width:400px;
	width: 100%;
}
 @media only screen and (min-width: 768px) and (max-width: 1130px) {
 #outerdiv {
 width:100%;
 height: 560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -490px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 990px) {
 #outerdiv {
 width:100%;
 height:560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -551px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
.offer_list .offer_aside {
 float: left;
 width: 96%;
 padding: 15px 10px 10px 10px;
}
}
 @media only screen and (min-width: 30px) and (max-width: 767px) {
 #outerdiv {
 width:100%;
 height:560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -540px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
.offer_list .offer_aside {
 float: left;
 width: 96%;
 padding: 15px 10px 10px 10px;
}
}
 @media only screen and (min-width: 30px) and (max-width: 480px) {
 #outerdiv {
 width:100%;
 height:400px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -540px;
 position: absolute;
 top: -685px;
 width: 1276px;
}
}
#currentVolume {
	font-size:9px;
}