@font-face {
    font-family: 'GlogerFont';
    src: url('../fonts/Ubuntu-Regular.ttf');
}
body {
	font-size: 20px;
}
body.d_mod label {
	color: #fff;
}
#radio_container {
    background-color: #222;
}
#radio_container .bg {
    background: url(../img/background.jpg) transparent;
    background-size: cover;
}
#radio_body {
	background-color: #fff;
}
#radio_body.d_mod {
	background-color: #333;
}
.logo {
    max-width: 400px;
    width: 90%;
}
audio {
    width: 100%;
}
.description {
    color: #000;
    font-size: 23px;
    font-family: 'GlogerFont';
    letter-spacing: 1px;
    text-align: justify;
}
.description.d_mod {
	color: #fff;
}
.font-normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.static-link {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
}
.static-link.d_mod {
	color: #000;
}
.static-link:hover {
	border-bottom: 0;
}
.tabs {
    list-style: none;
    margin-bottom: -1px !important;
    z-index: 999;
}
.tabs li {
    list-style: none;
    display: inline-block;
    float: left;
    padding: 6px 3%;
    background-color: #e6e9ef;
    border: 1px solid #ccc;
    cursor: pointer;
}
.tabs.d_mod li {
	background-color: #777;
    border: 1px solid #ccc;
	color: #fff;
}
.tabs li:first-child {
    border-radius: 9px 0 0 0;
}
.tabs li:last-child {
    border-radius: 0 9px 0 0;
}
.tabs li.active {
    border-bottom-color: #fff;
    background-color: #fff !important;
}
.tabs.d_mod li.active {
	border-bottom-color: #222;
    background-color: #222 !important;
	color: #fff;
}
.tabs li:hover {
    background-color: #fff;
}
.tabs.d_mod li:hover {
    background-color: #222;
}
.red-font {
	color: #e10521;
}
a.link {
    text-decoration: none;
    border-bottom: 1px dashed #e10521;
    color: #e10521;
}
a.link.white {
    color: #fff;
    border-bottom-color: #fff;
}
a.link:hover {
    border-bottom: 0;
    color: #0063af;
}
a.link.white:hover {
    color: #fff;
}
#playlist {
    border: 1px solid #ccc;
    border-radius: 0 9px 9px 9px;
    background-color: #fff;
}
#playlist.d_mod {
	background-color: #222;
	border: 1px solid #999;
}
#playlist .mp3row {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 21px;
	border-bottom: 1px solid #ccc;
    /*font-family: 'GlogerFont';*/
}
#playlist.d_mod .mp3row {
	border-bottom: 1px solid #999;
	color: #fff;
}
#playlist .mp3row:hover {
    background-color: #d5e7fc !important;
}
#playlist.d_mod .mp3row:hover {
    background-color: #777 !important;
}
#playlist .mp3row:hover img {
    display: block;
}
#playlist .mp3row img {
    opacity: 0.3;
    margin-right: 12px;
    display: none;
    width: 20px;
}
#playlist .mp3row.active {
    font-weight: bold;
	background-color: #e4fcd5 !important;
}
#playlist.d_mod .mp3row.active {
	background-color: #214107 !important;
}
#playlist .mp3row.active img {
    opacity: 1;
    display: block;
}
#playlist .mp3row.youtube img {
	opacity: 1;
	display: block;
}
.playlist {
    display: none;
}
.playlist.active {
    display: block;
}
.socials h2 {

}
.socials img {
    width: 64px;
}
.copyrights {
    color: #fff;
}

/* BUBBLE */
#bubble.show {
	bottom: 17px;
	opacity: 1;
	display: block;
}
#bubble {
	position: fixed;
	bottom: 0px;
	left: 50%;
	width: 370px;
	height: 170px;
	margin-left: -185px;
	padding: 10px;
	-webkit-transition: all 300ms;
	-webkit-user-select: none;
	display: none;
	opacity: 0;
	border: 3px solid #FFF;
	border-radius: 5px;
	background: #C3D5ED;
	background-image: -webkit-gradient(linear, left top, left 90%, color-stop(0,#C3D5ED ), color-stop(1, #FFF));
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .5);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .5);
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	font-family: 'Helvetica Neue', Helvetica;
	font-size: 18px;
	color: #333;
	z-index: 2;
	
}
#bubble .text {
	margin-top: 17px;
	display: inline-block;
	margin-left: 6px;
}
#bubble .cross {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	content: '×';
	width: 16px;
	height: 16px;
	font-size: 120%;
	color: #6d9fef;
	line-height: 16px;
	text-align: center;
	vertical-align: top;
	border: 2px solid #bbccff;
	border-radius: 10px;
	background: #FFF;
	cursor:pointer;
}

#bubble:after {
	position: absolute;
	bottom: -10px;
	left: 175px;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: #FFF;
	z-index: 1;
	-webkit-box-shadow: 3px 4px 2px rgba(0, 0, 0, .2);
	box-shadow: 3px 4px 2px rgba(0, 0, 0, .2);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#bubble .logo {
	float: left;
	display: block;
	margin: 8px 10px 0 0;
	width: 130px;
	height: 130px;
	background: url('../img/ico/icon-iphone.png') no-repeat 0 0;
	background-size: 130px;
}

#bubble .addToHomeShare {
	display:inline-block;
	/* width:19px; */
	height:22px;
	width:18px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	
	background-size:18px 22px;
	text-indent:-9999em;
	overflow:hidden;
	vertical-align: middle; margin-top: -3px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#bubble .addToHomeShare {
		/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); */
		background-image: url(../img/ico/ios-add-to-homescreen.png);
	}
}

@media (max-width: 576px) {

	.small-vw-text {
		font-size: 3.6vw;
	}
}

@media (max-width: 370px) {

	.tabs li {
		padding: 6px 1.5%;
	}
}

.highlight {
    font-weight: bold !important;
    color: #d9721f !important;
}