/*31*/
@font-face {
    font-family: 'Raleway';
    src: url('/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('/Raleway-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
.container
{
	max-width: 1400px;
}
/*BODY*/
body
{
	font: 400 16px Raleway, sans-serif;
	background: url("/topsender-background.webp") center / cover repeat no-repeat rgba(223, 255, 167, 0.732) !important;
}
.fontPrio
{
	font-family: 'Playfair Display', serif;
}
[canvas=container]
{
	/*position: relative;*/
	/*bottom: 0px !important;*/
	/*height: 100% !important;*/
	background-color: rgba(224, 255, 168, 0.077);
}
body .content
{
	background: url("/background-top.webp") 24px -252px repeat-x;
	font: 400 16px Raleway, sans-serif;
	color: #212529;
}
.pointer
{
	cursor: pointer;
}
.MyContent
{
	max-width: 810px;
	margin: auto;
	display: normal;
}
#MyBody
{
	position: relative;
}
.topTitle
{
	color: #AACF66;
	color: #17444D !important;
	font: 800 32px / 0.9 Raleway, sans-serif;
	display: inline-block;
	margin: auto auto 15px auto;
	padding: 11px;
}
/*BOOTSTRAP DESIGN*/
.bg-primary
{
	background-color: #283B04;
	border: 1px solid #4A6C09;
}
.bg-secondary
{
	background-color: #BFE777 !important;
}
.bg-info
{
	background-color: #283B04 !important;
}
.bg-light
{
}
.bg-white
{
	background-color: #E1FFA9 !important;
}
.text-info
{
	color: #E1FFA9 !important;
	font: 400 16px Raleway, sans-serif;
}
.text-primary
{
	color: #17444D !important;
	font: 400 16px Raleway, sans-serif;
}
.text-warning
{
	color: #D62A00 !important;
}
a.text-warning:hover
{
	color: #AE4C04 !important;
	text-decoration: none;
}
.btn.btn-primary
{
	background-color: #283B04;
	border: 1px solid #4A6C09;
}
.alert-danger
{
	color: #053F45;
	background-color: #F9D41A;
	border-color: #DEBA05;
}
.alert-success
{
	color: #E1FFA8;
	background-color: #5D782D;
	border-color: #598502;
}
.tooltip-inner
{
	background-color: #F7C618 !important;
	min-width: 100px;
	line-height: 0.7;
	padding: 10px;
	color: #17444E;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before
{
	bottom: 0 !important;
	border-width: 0 0.4rem 0.4rem !important;
	border-bottom-color: #F7C618 !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before
{
	left: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #F7C618;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before
{
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #F7C618;
}
/*LEFT COLLUMN SITE [MyLeftColl]*/
#MyLeftColl
{
	/*+border-radius: 0;*/
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}
#MyLeftColl .leftColumn
{
}
#MyLeftColl .title
{
	color: #0A2D31;
	text-align: center;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 0px !important;
	background: rgb(243, 172, 20);
	background: -moz-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3ac14",endColorstr="#fadd1c",GradientType=1);
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	border-top: 2px solid #C6B900;
	padding-top: 15px !important;
}
#MyLeftColl h2, #MyLeftSidebar h2
{
	font-size: 24px;
	font-weight: normal;
}
#MyLeftColl .menu
{
	height: 45px;
	color: #90D9EA;
	background: rgb(20, 59, 67);
	background: -moz-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143b43",endColorstr="#1b525d",GradientType=1);
	border-top: 1px solid #418B9B;
	border-bottom: 1px solid #181716;
}
.menu .radio-list
{
	padding-top: 4px;
}
#MyLeftColl .menu:hover
{
}
#MyLeftColl a
{
	color: #ABE7F5;
	text-decoration: none;
	width: 100%;
	padding-bottom: 7px;
	padding-top: 8px;
	overflow: hidden;
	white-space: nowrap;
}
#MyLeftColl a:hover
{
	text-decoration: none;
}
#MyLeftColl span
{
	padding-top: 4px;
}
#MyLeftColl .active
{
	background-color: #0A2B30;
	font-weight: bold;
	border-top: 1px solid rgba(24, 74, 111, 0.593);
	border-bottom: 1px solid rgba(21, 73, 110, 0.537);
	color: ;
	height: 45px;
	padding-top: 3px;
}
#MyLeftColl .active a
{
	color: #AAE6F4;
}
/*LEFT SIDEBAR [MyLeftSidebar]*/
#MyLeftSidebar
{
	background: rgb(174, 221, 255);
	font: 400 16px Raleway, sans-serif;
	background: linear-gradient(90deg, rgba(174, 221, 255, 0.9548551842612045) 0%, rgba(197, 232, 255, 1) 5%, rgba(197, 232, 255, 1) 70%, rgba(174, 221, 255, 1) 100%);
}
#MyLeftSidebar .title
{
	background-color: #F3AD14;
	color: #0B2C31;
	padding-bottom: 3px;
	border-top: 8px solid #1C595E;
	color: #0A2D31;
	text-align: center;
	background-color: #092C30;
	padding-bottom: 14px;
	margin-bottom: 0px !important;
	background: rgb(243, 172, 20);
	background: -moz-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3ac14",endColorstr="#fadd1c",GradientType=1);
}
#MyLeftSidebar .menu
{
	height: 45px;
	color: #90D9EA;
	background: rgb(20, 59, 67);
	background: -moz-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143b43",endColorstr="#1b525d",GradientType=1);
	border-top: 1px solid #418B9B;
	border-bottom: 1px solid #181716;
}
#MyLeftSidebar .menu:hover
{
}
#MyLeftSidebar a
{
	width: 100%;
	color: #8FD8E9;
	text-decoration: none;
	padding-bottom: 7px;
	padding-top: 10px;
	overflow: hidden;
	white-space: nowrap;
}
#MyLeftSidebar a:hover
{
	text-decoration: none;
}
#MyLeftSidebar span
{
	color: #8FD8E9;
	min-width: 30px;
	text-align: center;
	/*+border-radius: 9px;*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	margin-top: 5px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 0px;
}
/*RIGHT SIDEBAR [MyRightSidebar]*/
#MyRightSidebar
{
	background-color: #092C30;
	font: 200 16px Raleway, sans-serif;
}
#MyRightSidebar .title
{
	color: #0A2D31;
	text-align: center;
	padding-bottom: 14px;
	margin-top: 10px;
	margin-bottom: 0px !important;
	background: rgb(243, 172, 20);
	background: -moz-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	background: linear-gradient(0deg, rgba(243, 172, 20, 1) 0%, rgba(243, 172, 20, 1) 2%, rgba(250, 221, 28, 1) 98%, rgba(250, 221, 28, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3ac14",endColorstr="#fadd1c",GradientType=1);
	padding-top: 15px;
}
#MyRightSidebar .menu
{
	border-bottom: 1px solid rgba(26, 81, 92, 0.417);
	margin: 0;
	padding: 0;
}
#MyRightSidebar .menu:hover
{
}
#MyRightSidebar a
{
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px 15px 15px 20px;
	display: table;
	margin: 0;
	font-size: 21px;
	text-align: center;
}
/*TOP NAVIGATE [MyTopNav]*/
.MyTopNav .logo
{
	height: 93px;
	margin-top: -6px;
	margin-left: 72px;
	opacity: 0.9;
}
@media (max-width: 992px)
{
	.MyTopNav .logo
	{
		margin-left: 0;
	}
}
.MyTopNav
{
	background: url("/background-top-nav.webp") 0 0 / 343px 120px repeat-x #133840;
	color: #FFFFFF;
	height: 120px;
	padding-top: 18px;
	background-image: url("/background-top-nav.webp");
}
@media (max-width: 576px)
{
	.MyTopNav
	{
		height: 75px;
		padding: 10px 15px;
		margin: 0;
	}
}
@media (max-width: 576px)
{
	.MyTopNav .logo
	{
		height: 55px;
		padding-top: 0px;
		margin-top: 0px;
	}
}
.MyTopNav a
{
	color: #F9FDE3;
	font-size: 20px;
}
.MyTopNav a:hover
{
	color: #F6C317;
	text-decoration: none;
}
.MyTopNav .topMenu
{
	margin-top: 15px;
}
.sidebarCollapse
{
	width: 41px;
	padding-top: 20px;
	padding: 7px;
	cursor: pointer;
	z-index: 5;
	overflow: hidden;
	display: block;
	position: relative;
	height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.380);
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 16px;
}
@media (max-width: 576px)
{
	.sidebarCollapse
	{
		margin-top: 7px !important;
	}
}
#sidebarCollapse span
{
	padding-top: 0;
}
.sidebarCollapse span
{
	width: 100%;
	height: 2px;
	margin: 0 auto 0 0;
	display: block;
	background: #FFFFFF;
	transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
	transition-delay: 0.2s;
	z-index: 999 !important;
}
.sidebarCollapse span:first-of-type
{
	transform: rotate(45deg) translate(2px, 2px);
	margin-top: 5px;
	height: 2px;
}
.sidebarCollapse span:nth-of-type(2)
{
	opacity: 0;
	height: 2px;
}
.sidebarCollapse span:last-of-type
{
	transform: rotate(-45deg) translate(1px, -1px);
	height: 2px;
}
.sidebarCollapse.active span
{
	transform: none;
	opacity: 1;
	margin: 1px auto 5px;
}
/*FOOTER [MyFooter]*/
.MyFooter
{
	height: 261px;
	background: url("/footer-dj-v%3D2.webp") center bottom / 950px 128px no-repeat #082B2F;
	color: #ABE7F5;
}
.MyFooter a
{
	color: #ABE7F5;
}
.MyFooter .userOnline
{
}
.MyFooter .boottomInfo
{
	color: #ABE7F5;
	opacity: 0.65;
}
/*MODAL vote*/
#voteModal .modal-content
{
	background-color: #78B300;
	color: #021A1C;
	border: 1px solid #FFFFFF;
	min-height: 296px;
}
#voteModal .modal-header
{
	border-bottom: 1px solid #71A501;
}
#voteModal .modal-footer
{
	border-top: 1px solid #71A601;
}
#voteModal .close
{
	color: #FFFFFF;
	opacity: 1;
	text-shadow: 1px 1px #2F2D2D;
}
#voteModal h1
{
	color: #021A1C;
}
#voteModal .btn-vote
{
	background-color: #365100;
	color: #FFFFFF;
	padding: 11px 20px;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
}
#voteModal a
{
	color: #FFFFFF;
}
/*CONTENT*/
/*site-INDEX*/
.imageTopBox
{
	width: 100% !important;
	text-align: center;
}
.greenBackground
{
	background-color: #BFE777;
}
/*YOUTUBE CONTENER*/
.video-container
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper
{
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*site-RADIO*/
.title-header
{
	color: #0A2D31;
	font-weight: bold;
}
.Player
{
	color: #FA6800;
	text-shadow: 2px 2px #0C3357;
}
.navRadio
{
	color: #092C30;
	cursor: pointer;
}
@media (max-width: 576px)
{
	.Player
	{
		width: 95px !important;
		margin: auto;
		padding-left: 0;
		padding-right: 0;
		font-size: 10px;
	}
	.navRadio
	{
		font-size: 47px !important;
	}
	.topHeaderBox
	{
		margin-top: 0;
		padding-top: 10px;
	}
	.boxIconSecond
	{
		height: 30px !important;
		width: 30px !important;
	}
	.topHeadRadio
	{
	}
}
.boxIconXS
{
	width: 11px;
}
.boxIconXL
{
}
.boxIconPrio
{
	background-color: #FA6800;
	color: #FEFEFE;
}
.boxIconPrio:hover
{
	color: #17496D;
}
.boxIconSecond
{
	background-color: #134570;
	height: 40px;
	width: 39px;
	/*+border-radius: 9px;*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	margin: 2px 2px 10px 2px;
	padding-bottom: 0;
}
.boxIconSecond a
{
	color: #FFFFFF;
}
.boxIconSecond a:hover
{
	color: #FA6800;
}
.website-url
{
	display: inline-block;
	border: 1px solid black;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #092D30;
	margin-top: -4px;
}
.website-url a
{
	color: #E0E6D0;
	font-weight: bold;
}
.website-url a:hover
{
	text-decoration: none;
}
#lunaradio
{
	background-color: rgba(9, 45, 48, 0.051);
}
/*PLOT*/
.plotInfo
{
	padding-bottom: 5px;
}
.plotInfo small
{
}
.plotInfo .today
{
	color: #F1251A;
}
.plotInfo .yesterday
{
	color: #000000;
}
/*VOTE CARD*/
.votecard .votebox
{
	text-align: center;
}
.votecard .voteimg
{
	z-index: 3;
	width: 100%;
	max-width: 180px;
	margin: auto !important;
}
/*VOTE MODAL*/
#infoRequest
{
	display: block;
	font-style: normal;
	text-align: left;
}
#infoRequest br
{
	margin-top: 0;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}
/*KOMMENTAR*/
.commentarForm
{
}
.commentarBox
{
	border: 1px dotted #A0B47C;
	background-color: #BFE777;
	color: #1D2A03;
}
.commentarBox br
{
	margin-bottom: 0px !important;
}
.commentarBox .user
{
	font-weight: bold;
	font-style: italic;
}
.commentarBox .date
{
	opacity: 0.35;
}
.commentarForm small
{
	color: #283B04;
	font-size: 11px;
	display: block;
	line-height: 1.5;
}
.commentarBox .name a
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 19px;
	background-color: #283B04;
	padding-right: 10px;
	padding-left: 10px;
}
.commentarBox .name a:hover
{
	color: #BFE777 !important;
}
.commentarBox .footer
{
	border-top: 1px solid #B7DA76;
	margin-top: 9px;
	padding-top: 10px;
}
/*RANKING*/
.podium img
{
	margin: -85px auto auto;
	border: 1px solid rgba(168, 209, 237, 0.583);
	/*+box-shadow: 0 0 30px -15px;*/
	-moz-box-shadow: 0 0 30px -15px;
	-webkit-box-shadow: 0 0 30px -15px;
	box-shadow: 0 0 30px -15px;
}
.podium .card
{
	margin-top: 100px;
	background-color: rgba(136, 189, 3, 0.109);
	border: 1px solid rgba(0, 0, 0, 0.093);
}
.podium .card-body
{
	margin-top: -60px;
}
.podium .card-title
{
	font-weight: bold;
	background-color: #1C4D6D;
	color: #FFFFFF;
	padding: 5px;
	margin-top: -9px;
	border: 1px solid rgba(255, 255, 255, 0.259);
	margin-bottom: 2px;
}
.podium .card-img-top
{
	height: 180px;
	width: 180px;
	background-color: #D6F6B4;
	/*+box-shadow: 0 0 49px rgba(5, 40, 46, 0.574);*/
	-moz-box-shadow: 0 0 49px rgba(5, 40, 46, 0.574);
	-webkit-box-shadow: 0 0 49px rgba(5, 40, 46, 0.574);
	box-shadow: 0 0 49px rgba(5, 40, 46, 0.574);
}
.podium .position
{
	background-color: #1C4D6D;
	margin: -3px 0 -10px;
	padding: 12px 24px 11px 25px;
	display: inline-flex;
	color: #FFFFFF;
	font-weight: bold;
	font: normal small-caps bolder semi-expanded 50px / normal sans-serif;
	/*+border-radius: 47px;*/
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	-khtml-border-radius: 47px;
	border-radius: 47px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.495);
	/*+box-shadow: -1px -7px 22px rgba(255, 255, 255, 0.579);*/
	-moz-box-shadow: -1px -7px 22px rgba(255, 255, 255, 0.579);
	-webkit-box-shadow: -1px -7px 22px rgba(255, 255, 255, 0.579);
	box-shadow: -1px -7px 22px rgba(255, 255, 255, 0.579);
}
.podium .counter
{
	font: bold 16px sans-serif;
	background-color: ;
	margin-top: 0;
	padding-top: 0;
	color: #1C4D6D;
}
.podium a
{
	color: #FFFFFF;
	text-decoration: none;
}
.rankingItem
{
	border: 1px solid rgba(27, 76, 107, 0.056);
	margin-bottom: 5px;
	background-color: #17444D;
	color: #90D9EA;
	background: rgb(20, 59, 67);
	background: -moz-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	background: linear-gradient(0deg, rgba(20, 59, 67, 1) 0%, rgba(20, 59, 67, 1) 2%, rgba(27, 82, 93, 1) 98%, rgba(27, 82, 93, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143b43",endColorstr="#1b525d",GradientType=1);
	border-top: 1px solid #418B9B;
	border-bottom: 1px solid #181716;
	padding: 5px;
}
.rankingItem .counter
{
	font-size: 39px;
	color: #F7C618;
	margin-top: 15px;
	font-weight: bold;
}
.rankingItem .nomber
{
	font-weight: bold;
	font-size: 51px;
	color: #F7C618;
	margin-top: 6px;
}
.rankingItem .updown
{
	margin-top: 14px;
}
.rankingItem .name
{
	margin-top: 28px;
	font-size: 18px;
}
.rankingItem img
{
	/*+border-radius: 4px;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #133C43;
	overflow: hidden;
	padding: 0;
	margin: 1px;
}
.ranking_stay
{
	background-image: url(/iconrank.webp);
	background-repeat: no-repeat;
	width: 59px;
	background-position: 0px -33px;
	height: 33px;
}
.ranking_up
{
	background-image: url(/iconrank.webp);
	background-repeat: no-repeat;
	width: 34px;
	background-position: 0px 0px;
	height: 32px;
	margin-left: 6px;
	margin-top: 8px;
}
.ranking_up
{
}
.ranking_down
{
	background-image: url(/iconrank.webp);
	background-repeat: no-repeat;
	width: 34px;
	background-position: -34px 0px;
	height: 32px;
	margin-left: 7px;
	margin-top: 10px;
}
.rankingItem .name a
{
	color: #17444D;
	padding: 6px;
	background-color: #F7C618;
	font-weight: bold;
}
.rankingItem .name a:hover
{
	color: #184A6F;
	font-weight: bold;
	text-decoration: none;
}
@media (max-width: 576px)
{
	.rankingItem .nomber
	{
		font-weight: 600;
		font-size: 31px;
		color: #F7C618;
		margin-top: 0px;
	}
	.rankingItem .counter
	{
		font-size: 26px;
		margin-top: 4px;
		font-weight: bold;
	}
	.rankingItem .name
	{
		margin-top: 11px;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.rankingItem .name a
	{
		padding: 3px 2px 2px;
	}
	.rankingItem .name a:hover
	{
		text-decoration: none;
	}
}
/*RECORD CARD*/
.recordCard .card
{
	background-color: rgba(251, 99, 0, 0.134);
	color: #CC631E;
}
.recordCard .card-header
{
	background-color: #FC6300 !important;
	color: #FFFFFF;
	font-weight: bold;
}
.recordCard .card-title
{
	font-weight: bold;
	font-size: 60px;
	display: inline-block;
	margin-top: 18px;
	margin-bottom: 15px;
	/*+border-radius: 100px;*/
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
	border-radius: 100px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FC6300;
	color: #FFFFFF;
	padding: 19px 36px 36px;
}
.recordCard .card-body p
{
	color: #9A4B18;
}
.recordCard .card-footer
{
	display: block;
	font-size: 14px;
	line-height: 1.1;
	padding: 10px;
}
.recordCard .border-success
{
	border: 1px solid rgba(251, 99, 0, 0.278) !important;
}
.recordCard .card-body.border-success
{
	border-top: 0px solid black !important;
	border-bottom: 0px solid black !important;
}
/*MUSIC BAND - SLIDER*/
.rslides
{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: auto;
	border: 10px solid #C3E487;
}
.rslides li
{
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child
{
	position: relative;
	display: block;
	float: left;
}
.rslides img
{
	display: block;
	height: auto;
	float: left;
	width: 100%;
}
/*MUSIC EVENT - band lista*/
.musicEvent .info
{
	width: 100%;
	background-color: #C4EE79;
	color: #184B55;
	font-size: 10px;
	padding: 5px;
	text-align: right;
}
.musicEvent .info a
{
	color: #184A54;
	font-weight: bold;
}
.musicEvent .bandList
{
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
	padding-top: 10px;
}
.musicEvent .bandList .bandBox
{
	text-align: center;
	display: inline-table;
	min-width: 225px;
	background-color: #C4EE79;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #02202B;
	margin-top: 2px;
	padding: 3px 10px 3px 12px;
	border: thin solid rgba(117, 177, 3, 0.394);
	margin-right: 2px;
	font-weight: normal;
	cursor: pointer;
}
/*MUSIC EVENT KAFELKI*/
#eventContainer
{
	width: 100%;
	color: #E1FFA9;
}
#eventContainer .eventBox
{
	width: 100%;
	max-width: 450px;
	border: 1px dotted #305758;
	font-size: 14px;
	text-align: right;
	height: 140px;
	padding: 2px 5px 2px 2px;
	margin: 2px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	background-color: #16434C !important;
}
@media (max-width: 576px)
{
	#eventContainer .eventBox
	{
		width: 100%;
		max-width: 434px;
		font-size: 12px;
	}
}
#eventContainer .bandName span
{
	background-color: #F4B515;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #142F38;
	margin-top: 0px;
	margin-right: -3px;
	padding: 0px 5px;
}
#eventContainer .eventBox .bandName
{
	font-weight: bold;
	font-size: 16px;
}
#eventContainer .eventBox .data
{
	font-style: normal;
}
#eventContainer .address
{
	margin: 0px 0 0;
	padding-top: 7px;
	font-size: 12px;
	line-height: 1.3;
}
#eventContainer .eventName
{
	margin-top: 10px;
	color: #F4B515;
	padding-left: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	margin-right: 0px;
	position: absolute;
	bottom: 0;
	right: 4px;
	text-align: right;
	margin-bottom: 17px;
}
#eventContainer .description
{
	position: absolute;
	bottom: 0;
	right: 4px;
	text-align: right;
	overflow: hidden;
	max-height: 34px;
	line-height: 1;
	margin-bottom: 3px;
	font-style: italic;
	padding-right: 7px;
	padding-bottom: 3px;
	margin-right: 1px;
}
/*GoogleMap*/
#map-canvas
{
	width: 100%;
	height: 600px;
	border-top: 5px solid #C6F079;
	border-right: 5px solid #C6F079;
	border-left: 5px solid #C5EF79;
	color: #184953;
}
.eventMapInfoBox
{
	font-size: 16px;
}
.eventMapInfoBox .bandName
{
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 22px;
}
.eventMapInfoBox .placeAddress
{
	line-height: 0.4;
	margin-bottom: 12px;
}
.eventMapInfoBox .eventDate
{
	margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
}
.eventMapInfoBox .placeName
{
	font-weight: bold;
	margin-bottom: 6px;
}
/* MUSIC CHARTS */
.chartsRow
{
	background-color: #17444D;
	color: #FFFFFF;
	max-width: 825px;
	margin: auto;
}
.ChartsNummer
{
	background-color: #E1FFA9;
	color: #17444D;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	padding-bottom: 5px;
	font-family: Raleway, sans-serif;
	width: 75px;
	height: 78px;
	/*+border-radius: 40px;*/
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
}
.ChartsVote
{
	background-color: #E1FFA9;
	font-family: Roboto;
	width: 75px;
	height: 75px;
	/*+border-radius: 40px;*/
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	color: #17444D;
	font-size: 45px;
	cursor: pointer;
	padding-top: 8px;
}
.ChartsVoteOff
{
	background-color: rgba(201, 201, 201, 0.3) !important;
	color: rgba(255, 255, 255, 0.3) !important;
	font-family: Roboto;
	width: 75px;
	height: 75px;
	/*+border-radius: 40px;*/
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	font-size: 45px;
	padding-top: 9px;
}
.videoModal
{
	cursor: pointer;
}
.yt-img
{
	border: 1px solid #D9FF95 !important;
}
@media (max-width: 960px)
{
	.ChartsVote
	{
		margin-top: -45px;
	}
	.ChartsVoteOff
	{
		margin-top: -45px;
	}
	.chartsRow
	{
		margin-bottom: 20px !important;
		margin-top: 40px;
	}
	.ChartsNummer
	{
		margin-top: -61px;
		border: 5px solid #18A588;
		/*+placement: 0px 25px;*/
		position: relative;
		left: 0px;
		top: 25px;
	}
}
/*WIDEO YOUTUBE RANKING*/
.videoCharts
{
	background-color: #1A4E59;
}
.videoCharts .column1
{
	width: 20%;
}
.videoCharts .column2
{
	width: 55%;
}
.videoCharts .column3
{
	width: 25%;
}
.videoCharts .position
{
	font-weight: bold;
	color: #F3B014;
	font-size: 55px;
	/*+border-radius: 40px;*/
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
	display: inline-block;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 14px;
}
.videoCharts .name
{
	color: #FFFFFF;
	font-size: 38px;
	margin-top: 15px;
}
.videoCharts a.title
{
	color: #FFFFFF;
	font-size: 22px;
}
.videoCharts .counter
{
	color: #F3B014;
}
@media (max-width: 960px)
{
	.videoCharts .column1
	{
		width: 20%;
	}
	.videoCharts .position
	{
		margin-top: 0;
	}
	.videoCharts .name
	{
		color: #FFFFFF;
		font-size: 38px;
		margin-top: 3px;
	}
	.videoCharts .column2
	{
		width: 80%;
	}
	.videoCharts .column3
	{
		display: none !important;
	}
}
.videoCharts-info
{
	background-color: #14454F;
	font: 13px / 1.7 sans-serif;
}
.videoCharts-info .statistic
{
	color: #4D7E87;
}
.YTRankBox
{
	border: 1px solid #F4CE00;
	text-align: center;
	margin: auto auto 15px auto;
	background-color: #0C3E48;
	padding-top: 10px;
	font-size: ;
}
.YTinfoBOX
{
	bottom: 0px;
	background-color: #0B4D5A;
	margin-top: 5px;
}
.YTRankBox span
{
	font-size: 12px;
}
.YTpozBOX
{
}
.YTRankBox .YTpozycja
{
	font-size: 35px;
	font-weight: bold;
	color: #F4CE00;
	/*+border-radius: 47px;*/
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	-khtml-border-radius: 47px;
	border-radius: 47px;
	border: 6px solid #F4CE00;
	display: table;
	margin: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.YTRankBox .YTlicznik
{
	color: #FFFFFF;
	background-color: ;
	height: ;
}
.YTRankBox .YTlicznik .YTliczba
{
	color: #0C3E48;
	font-size: 36px;
	margin-bottom: 3px;
	background-color: #F4CE00;
	font-weight: bold;
	margin-right: -1px;
	width: 100%;
}
.YTRankBox .YTlicznik .YTliczba p
{
	font-size: 13px;
	margin-top: -10px;
	font-weight: normal;
}
.YTRankBox .ZespolNazwa
{
	color: #FFFFFF;
	font-size: 30px;
	text-align: left;
	margin-bottom: -9px;
	margin-top: -12px;
}
.YTRankBox .YTtytul
{
	text-align: left;
}
.YTRankBox .YTtytul a
{
	font-size: 20px;
	color: #F4CE00;
	text-align: left;
	font-style: italic;
	margin-left: 20px;
	text-decoration: none;
}
.YTRankBox .Video
{
	text-align: center;
	display: table-row-group;
	margin-bottom: -90px;
}
.YTRankBox .DaneYTmin
{
	font-size: 12px;
	margin-bottom: -7px;
	margin-top: 5px;
}
/*COOKIE INFO*/
.cookieBar   
{
	color: #FFF !important;
	background-color: #082B2F !important;
	width: 100% !important;
	max-width: 700px !important;
	padding: 50px !important;
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1000 !important;
}
.cookieBar .cookieBarButtons > A.cookieBarOk
{
	background: #E1FFA9 !important;
	color: #082B2F !important;
	min-width: 100px;
	text-align: center;
}
.cookieBar B
{
	color: #F4B51D;
}
/*TopRadioResponsiveBacground*/
.imageTopBoxMobil2
{
	background: url(/radio-mobil-xs.webp) bottom center / cover repeat-x border-box padding-box;
	height: 290px !important;
}
.imageTopBoxMobil3
{
	margin-left: 0;
	margin-right: 0;
	margin-top: 108px;
}
.imageTopBox-site
{
	max-width: 450px;
}
.imageTopBoxMobil4 .navRadio
{
	padding-top: 115px;
}
@media (max-width: 576px)
{
	.imageTopBoxMobil2
	{
		height: 200px !important;
	}
	.imageTopBoxMobil3
	{
		margin-left: 0;
		margin-right: 0;
		margin-top: 75px;
	}
}
/*Broadcast*/
#radio-broadcast
{
	background-color: #17454F;
	color: #FFFFFF;
	background: url(/broadcast-background-v%3D1.webp) center / cover repeat;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.broadcast
{
}
#radio-broadcast .info
{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
}
#radio-broadcast .info span
{
	color: #F4B215;
	font-size: 33px;
}
#radio-broadcast .time
{
	color: #F4B215;
	font-weight: bold;
	font-size: 26px;
}
#radio-broadcast .photo img
{
	height: 125px;
	/*+border-radius: 71px;*/
	-moz-border-radius: 71px;
	-webkit-border-radius: 71px;
	-khtml-border-radius: 71px;
	border-radius: 71px;
	border: 6px solid #F4B215;
}
#radio-broadcast .title
{
	font-weight: bold;
	font-size: 32px;
}
#radio-broadcast .user
{
	font-weight: bold;
	font-size: 26px;
	color: #FFFFFF;
	background-color: ;
	margin-top: -5px;
}
#radio-broadcast a
{
	color: #03232E;
}
/*ADSENSE*/
.adWords
{
	width: 100%;
	margin: 7px auto 0px;
	text-align: center;
	border: 1px solid #DFFAA3;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(9, 45, 48, 0.051);
}
.adWords_bottom
{
	height: 15px;
	background-image: url('adWords_bottom.png');
	margin-bottom: 20px;
}
.adBoxMitte
{
	display: table;
	margin: 3px auto auto;
	text-align: center;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 5px;
	text-shadow: 0 0 4px;
	border: 1px solid rgba(0, 0, 0, 0.093);
}
.AdSendeBig
{
	height: 600px;
	width: 300px;
	z-index: 2;
	position: fixed;
	display: table;
	margin-top: 150px;
	right: 17px;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(9, 45, 48, 0.051);
	border: 1px solid rgba(96, 148, 0, 0.046);
}