html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 98%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#FFF; font-size:13px; font-family:Poppins, Arial; line-height:20px; -webkit-text-size-adjust:100%; background:#122068 url(../images/bg.jpg) no-repeat 0 60px; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:#FFF; text-decoration:none;  }
a:hover { color:#F90; text-decoration:none; }

input, textarea, select { float:left; font-size:13px; margin:0; font-family:Poppins, Arial; border-radius:0; border:0; -webkit-appearance:none; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Poppins, Arial; font-weight:600; font-size:14px; }

.input { width:100%; height:40px; padding:0 11px; border:1px solid rgba(255, 255, 255, 0.2); transition:ease 0.3s; background-color:transparent; color:#BBB; border-radius:5px; }
.input:focus { border-color:#3ECE7E !important; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); }

.select { padding-right:29px; background:url(../images/arrow-select.png) no-repeat right center / auto 5px; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

textarea.input { padding-top:10px !important; padding-bottom:10px !important; }

.button { float:none; height:40px; line-height:40px; display:inline-block; padding:0 35px; cursor:pointer; border:none; color:#FFF; background-color:#F90; transition:all 0.2s; border-radius:5px; }
.button:hover { background-color:#002A79; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.4); }

.checkbox { margin:3px 7px 0px 0px; } 

.canliradyo { float:left; width:100%; padding-top:60px; position:relative; }
	.wrap { margin:0 auto; width:100%; max-width:1200px; min-height:10px; position:relative; }

.tac { text-align:center; }
.tar { text-align:right; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.mt30 { margin-top:30px; }

/*	Start TOP	*/

#header-wrap { position:fixed; top:0; left:0; right:0; height:60px; background-color:#0B133F; box-shadow:inset 0 -2px 0 #1E35AA; z-index:2000; }
	#header { float:left; width:100%; position:relative; }
		#logo { float:left; margin-top:10px; z-index:240; }
			#logo a { float:left; position:relative; }
			#logo a:hover { opacity:0.8; }
				#logo a img { float:left; height:40px; }
		
	.nav-icon { display:none; }
	
	.navigation { position:absolute; left:188px; right:120px; top:0; z-index:200; font-weight:500; text-align:center; }
		.navigation ul { float:none; display:inline-block; }
			.navigation li { margin:0 20px; position:relative; }
				.navigation li > a { float:left; position:relative; color:#FFF; line-height:60px; z-index:10; }
				.navigation li:hover > a , .navigation li > a.active { box-shadow:inset 0 2px 0 #FFF; }
				
				.navigation li span { display:none; position:absolute; top:58px; left:50%; width:360px; padding:20px; margin-left:-180px; background-color:#F90; box-shadow:0 5px 30px rgba(0, 0, 0, 0.15); text-align:left; border-radius:0 0 5px 5px; border-top:2px solid #FFF; }
					
					.navigation li span::before { 
						content:"";
						border-bottom:4px solid transparent;
						border-left:10px solid transparent;
						border-right:10px solid transparent;
						height: 0;
						position: absolute;
						width:0;
						left:50%;
						top:-5px;
						margin-left:-10px;
						border-bottom-color:#FFF;
					}
					
				.navigation li:last-child span { left:auto; right:-20px; }
					.navigation li:last-child span::before { left:auto; right:30px; }
					
					.navigation li span a { float:left; width:50%; padding:10px 10px 10px 15px; position:relative; transition:all 0.2s; color:#FFF !important; border-top:1px solid rgba(0, 0, 0, 0.1); }
					.navigation li span a:hover { background-color:rgba(0, 0, 0, 0.1); }
	
	.login-icon { float:right; margin:10px 0 0 20px; position:relative; }
		.login-icon a { float:left; width:40px; height:40px; position:relative; background:rgba(0, 0, 0, 0.33) url(../images/icon-user.png) no-repeat center / 16px; text-indent:-9999px; border-radius:50%; }
		.login-icon a:hover , .search-icon:hover { background-size:18px; }
	
	.search-icon { float:right; width:40px; height:40px; margin-top:10px; position:relative; background:rgba(0, 0, 0, 0.33) url(../images/icon-search.png) no-repeat center / 16px; cursor:pointer; border-radius:50%; }
	.search-icon-close { background-image:url(../images/icon-close-2.png); background-size:18px !important; }
	
	.radio-search { position:fixed; top:60px; left:0; right:0; background-color:#080D2C; z-index:1990; box-shadow:0 0 30px rgba(0, 42, 121, 0.4); display:none; }
		.radio-search input { width:100%; height:60px; padding:0 80px 0 0; background-color:transparent; font-size:20px; color:rgba(255, 255, 255, 0.5); line-height:60px; border-radius:0; transition:all 0.3s; }
		.radio-search input:focus { color:#FFF; }
			
		.radio-search button { position:absolute; right:0; top:10px; width:60px; height:40px; background:#1E35AA url(../images/icon-search.png) no-repeat center / 20px; text-indent:-9999px; border-radius:4px; }
		.radio-search button:hover { background-color:#F90; background-size:18px; opacity:1; }

/*	Finish TOP	*/

/*	Start FOOTER	*/

.footer { float:left; width:100%; padding-top:60px; background-color:#0B133F; position:relative; text-align:center; box-shadow:inset 0 2px 0 #1E35AA; }
	/* .footer::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:url(../images/rainbow.png) no-repeat 0 bottom / 100% 100%; transform:scaleX(-1); } */
	.footer a { color:#FFF; }
	.footer a:hover { text-decoration:underline; }
	
	.footer-flags { float:left; width:100%; }
		.footer-flags ul { width:100%; }
			.footer-flags li { width:16.66667%; padding:0 5px 10px 5px; }
				.footer-flags li a { float:left; width:100%; }
				.footer-flags li a:hover { color:#F90; }
					.footer-flags li a img { float:left; height:24px; margin-right:10px; }
					.footer-flags li a span { float:left; line-height:24px; }
	
	.footer-social-media { float:left; width:100%; }
		.footer-social-media ul { float:none; display:inline-block; }
			.footer-social-media li { padding-right:20px; }
			.footer-social-media li:last-child { padding-right:0; }
				.footer-social-media li a { float:left; border:1px solid rgba(255, 255, 255, 0.2); border-radius:50%; transition:all 0.2s; }
				.footer-social-media li a:hover { border-color:#FFF; }
					.footer-social-media li a img { float:left; height:50px; margin:-1px; }
	
	.footer-links { float:left; width:100%; margin:36px 0 44px 0; line-height:40px; }
		.footer-links ul { float:none; display:inline-block; }
			.footer-links li { padding-right:30px; }
			.footer-links li:last-child { padding-right:0; }
				.footer-links li a { float:left; }
			
	.copyright { float:left; width:100%; padding:45px 0; color:rgba(255, 255, 255, 0.6); background:url(../images/line.png) repeat-x 0 0; }
		.copyright section { display:inline-block; }
			.copyright section a { float:left; margin-right:40px; }
			.copyright section a:last-child { margin-right:0; }
		.copyright span { float:left; width:100%; margin-top:10px; }
			.copyright span a { font-weight:600; }
	
/*	Start SUB PAGES	*/

.page-hero { float:left; width:100%; padding-bottom:100px; }

.top-30 { padding-top:30px; }
.bottom-30 { padding-bottom:30px; }

.hero-categories { float:left; width:100%; margin-top:20px; }
	.hero-categories ul { width:100%; }
		.hero-categories li { width:16.66667%; padding:0 6px 12px 6px; }
			.hero-categories li a { float:left; width:100%; padding:21px 10px 9px 20px; background-color:#CF3492; border-radius:4px; position:relative; overflow:hidden; transition:all 0.25s; }
			.hero-categories li a:hover { color:#FFF; box-shadow:inset 0 -2px 0 rgba(255, 255, 255, 0.5); }
			.hero-categories li:nth-child(6n+2) a { background-color:#F60; }
			.hero-categories li:nth-child(6n+3) a { background-color:#009440; }
			.hero-categories li:nth-child(6n+4) a { background-color:#E30F1B; }
			.hero-categories li:nth-child(6n+5) a { background-color:#9415C1; }
			.hero-categories li:nth-child(6n+6) a { background-color:#00A494; }
				.hero-categories ul li a::before , .hero-categories ul li a::after { content:""; position:absolute; top:-25px; right:-25px; width:50px; height:50px; background-color:rgba(255, 255, 255, 0.1); border-radius:50%; transition:all 0.25s; }
				.hero-categories ul li a::after { top:-50px; right:-50px; width:100px; height:100px; }
				.hero-categories ul li a:hover::before , .hero-categories ul li a:hover::after { background-color:rgba(255, 255, 255, 0.3); }
				.hero-categories ul li a span { float:left; width:100%; padding-top:10px; font-size:11px; opacity:0.6; }
				.hero-categories ul li a strong { float:left; width:100%; font-weight:500; white-space:nowrap; overflow:hidden; }
				
.category-list { margin-top:0; }
	.category-list li { width:25%; padding:0 10px 20px 10px; }

.page-title { float:left; width:100%; margin:33px 0 17px 0; position:relative; font-weight:500; }
	.page-title span { float:left; padding-left:20px; font-size:20px; box-shadow:inset 2px 0 0 #F90; }
	.page-title a { float:right; padding-right:15px; margin:3px 0 -3px 0; background:url(../images/arrow-right.png) no-repeat right center / 5px 10px; opacity:0.5; transition:all 0.2s; }
	.page-title a:hover { padding-right:12px; opacity:1; color:#FFF; }

.page-text { float:left; width:100%; margin:-7px 0 22px 0; line-height:25px; position:relative; }
	.page-text strong , .page-text b { font-weight:600; color:#eac245; }
	.page-text ul { width:100%; padding-left:15px; margin-bottom:20px; }
		.page-text li { width:100%; padding-left:20px; position:relative; }
			.page-text li::before { content:""; position:absolute; top:9px; left:0; width:7px; height:7px; background-color:#F90; border-radius:50%; }
			
	.img-left { float:left; margin:5px 20px 20px 0; border-radius:6px; }
	.img-right { float:right; width:50%; max-width:300px; margin:0 0 20px 20px; border-radius:6px; }

.warning-404 { float:left; width:100%; margin:30px 0 40px 0; }
	.warning-404 img { float:left; width:100%; max-width:323px; }
	
.show , .hide { float:left; width:100%; height:30px; text-align:center; position:relative; font-weight:500; line-height:28px; }
	.show::before , .hide::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:rgba(255, 255, 255, 0.2); }
	.show span , .hide span { display:inline-block; padding:0 20px; background-color:#122068; position:relative; }
		.show a , .hide a { float:left; height:30px; padding:0 20px; transition:all 0.3s; border:1px solid rgba(255, 255, 255, 0.3); border-radius:15px; color:rgba(255, 255, 255, 0.75); }
		.show a:hover , .hide a:hover { border-color:#FFF; color:#FFF; }
	
.hidden { display:none; }
.page-show-hide { height:200px; overflow:hidden; }
.page-show-hide.active { height:inherit; }

.adv-right { float:left; width:100%; margin-top:25px; text-align:center; }
	.adv-right img { display:inline-block; width:100%; max-width:300px; border-radius:3px; }
	.adv-player img { max-width:360px; }

.page-wrap { float:left; width:100%; padding-right:330px; }
	.content { float:left; width:100%; }
	.sidebar { float:right; width:300px; margin-right:-330px; }

.inner-10 { margin:0 -10px; }
.inner-7 { margin:0 -7px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }
.inner-2 { margin:0 -2px; }

.radio-list { float:left; width:100%; }
	.radio-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.radio-list ul li { width:25%; padding:0 7px; margin-bottom:15px; position:relative; }
		.radio-similar ul li { width:100%; }
			.radio-list ul li a { float:left; width:100%; height:60px; padding-left:82px; position:relative; transition:all 0.3s; }
				.radio-list ul li a::after { content:""; position:absolute; bottom:0; right:0; left:95px; height:1px; background-color:rgba(255, 255, 255, 0.1); transition:all 0.25s; }
				.radio-list ul li a:hover::after { background-color:#F90; }
				.radio-list ul li a img { position:absolute; top:50%; left:0; max-width:80px; height:60px; padding:8px; margin-top:-30px; border-radius:4px; border:2px solid #FFF; z-index:2; transition:all 0.2s; background-color:#FFF; }
				.radio-list ul li a:hover img { border-color:#F90; }
				.radio-list ul li a strong { float:left; width:100%; padding-top:11px; font-weight:500; white-space:nowrap; overflow:hidden; }
				.radio-list ul li a span { float:left; width:100%; font-size:11px; opacity:0.5; }
				
.radio-apps { float:left; width:100%; padding:29px 29px 29px 119px; margin:40px 0 10px 0; position:relative; border:1px solid rgba(255, 255, 255, 0.1); background:url(../images/lines.png) no-repeat right bottom; border-radius:4px; }
	.radio-apps::before { content:""; position:absolute; top:29px;  left:-1px; bottom:29px; width:2px; background-color:#F90; }
	.radio-apps > img { float:left; width:60px; margin-left:-90px; border-radius:20%; }
	.radio-apps .page-title { margin:8px 0 12px 0; }
	.radio-apps section { float:left; width:100%; margin-top:12px; margin-bottom:-10px; }
		.radio-apps section a { float:left; padding:0 30px 0 20px; margin-bottom:10px; margin-right:20px; background-color:#000; border-radius:7px; }
		.radio-apps section a:last-child { margin-right:0; }
		.radio-apps section a:hover { opacity:0.7; }
			.radio-apps section a img { float:left; height:50px; }

.latest-radios { float:left; width:100%; text-align:center; }
	.latest-radios ul { width:100%; display:flex; flex-flow:row wrap; }
		.latest-radios li { width:12.5%; padding:0 5px 10px 5px; position:relative; }
		.latest-radios li:hover { z-index:5; }
			.latest-radios li a { float:left; width:100%; }
				.latest-radios li a img { float:left; width:100%; padding:11px; border:2px solid #FFF; border-radius:4px; transition:all 0.25s; background-color:#FFF; }
				.latest-radios li a:hover img { border-color:#F90; }
				.latest-radios li a strong { float:left; width:100%; padding:8px 0 7px 0; font-weight:500; font-size:12px; line-height:15px; transition:all 0.25s; }
	
.info-text { float:left; width:100%; margin:-6px 0 0 0; position:relative; color:rgba(255, 255, 255, 0.75); line-height:24px; }
	.info-text a { font-weight:600; }
	.info-text a:hover { text-decoration:underline; }
	
.listen-nav-wrap { float:left; height:50px; width:100%; margin-bottom:20px; position:relative; }
	.listen-nav { float:left; height:50px; width:100%; position:relative; background-color:#1E35AA; border-radius:4px; overflow:hidden; }
		.listen-nav ul { width:100%; position:relative; z-index:100; }
			.listen-nav li:nth-last-child(-n+2) { float:right; }
			.listen-nav li:last-child { margin:0; }
				.listen-nav li::after { content:""; float:right; width:2px; height:20px; margin-top:15px; background-color:rgba(255, 255, 255, 0.2); }
				.listen-nav li:nth-last-child(2)::after , .listen-nav li:nth-last-child(3)::after { display:none; }
				.listen-nav li a { float:left; height:50px; padding:0 22px; color:rgba(255, 255, 255, 0.6); font-weight:500; line-height:50px; position:relative; transition:all 0.25s; }
				.listen-nav li a:hover { color:#FFF; box-shadow:inset 0 -2px 0 #FFF; }
				.listen-nav li a.listen-nav-active { box-shadow:inset 0 -2px 0 #FFF; color:#FFF; }
					.listen-nav li a img { float:left; height:50px; padding:18px 0; margin:0 5px 0 -3px; }
				
.radio-player { float:left; width:100%; height:106px; padding:10px; margin-bottom:25px; position:relative; background:#0B133F url(../images/lines.png) no-repeat right bottom / auto 100%; border-radius:4px; }
	.radio-player-logo { position:absolute; top:50%; left:20px; width:96px; height:66px; margin-top:-33px; border-radius:6px; }
	
.radio-rating { float:left; padding-left:40px; line-height:40px; }
	.radio-rating::before { content:""; float:left; width:40px; height:40px; margin-left:-40px; background:url(../images/icon-broadcasting.png) no-repeat center / 40px; }
	.radio-rating span { float:left; padding:0 10px; }
		.radio-rating span strong { color:#eac245; font-weight:600; }
		
	.radio-rating section { float:left; width:115px; height:20px; margin-top:9px; background:url(../images/star.png) repeat-x 0 center / 23px 20px; }
		.radio-rating section em { float:left; height:100%; background:url(../images/star-active.png) repeat-x 0 center / 23px 20px; }

.radio-share { float:right; }
	.radio-share li { padding-right:15px; }
	.radio-share li:last-child { padding-right:0; }
		.radio-share li a { float:left; height:40px; border:1px solid rgba(255, 255, 255, 0.15); line-height:38px; position:relative; border-radius:4px; }
			.radio-share li a img { float:left; height:40px; margin:-1px; border-radius:4px; }
			.radio-share li a img.btn-facebook { background-color:#3A589B; }
			.radio-share li a img.btn-twitter { background-color:#25C9FF; }
			.radio-share li a span { float:left; padding:0 14px; }

/*	Start CONTACT	*/

.spacer { float:left; width:100%; height:2px; margin:5px 0 30px 0; background-color:rgba(255, 255, 255, 0.1); }

.contact-form { float:left; width:100%; margin-bottom:30px; }
.contact-form { max-width:400px; }
	.contact-form .contact-inner { display:flex; flex-flow:row wrap; }
	.contact-form section { float:left; padding:0 10px 15px 10px; position:relative; flex:1; flex-basis:50%; }
	.contact-form .w100 { flex-basis:100%; }
	.contact-form section:last-child { padding-bottom:0; }
		.contact-form section i { display:block; margin:1px 0 4px 0; }
			.contact-form section a { float:left; padding-right:20px; margin-right:20px; margin-top:10px; border-right:1px solid rgba(255, 255, 255, 0.2); }
			.contact-form section a:last-child { padding-right:0; margin-right:0; border-right:0; }
		.contact-form section .button  { width:100%; margin-top:25px; }
		.login-form section .button  { margin-top:10px; }
		
		/*.contact-form img { float:left; width:120px; height:40px; margin-right:15px; padding:2px; border:1px solid #999; border-radius:3px; }*/
		.contact-form a.refresh { float:left; width:40px; height:40px; text-indent:-9999px; background:url(../images/refresh.png) no-repeat center center; background-size:24px; border:1px solid #999; border-radius:5px; }
		.contact-form a:hover.refresh { border-color:rgba(255, 255, 255, 0.5); }
		
.static-text { font-size:15px; font-weight:300; line-height:30px; }

/*	Start PAGINATION	*/

.pages { float:left; width:100%; margin-top:10px; text-align:center; }
	.pages ul { float:none; display:inline-block; }
		.pages li { padding:0 5px; }
			.pages li a { float:left; min-width:40px; padding:0 14px; font-weight:500; line-height:40px; box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.1); transition:all 0.3s; border-radius:4px; }
			.pages li a:hover { border-color:#2075D7; }
			.pages li a.current { box-shadow:inset 0 -2px 0 #F90; background-image:linear-gradient(180deg,rgba(0, 0, 0, 0.0),#181733); color:#F90; }

/*	Finish PAGINATION */

.pub_adsens1 { width: 300px; height: 250px; }
@media(min-width: 500px) { .pub_adsens1 { width: 468px; height: 60px; } }
@media(min-width: 850px) { .pub_adsens1 { width: 728px; height: 90px; } }
@media(min-width: 1000px) { .pub_adsens1 { width: 970px; height: 90px; } }

.pub_adsens2 { width: 300px; height: 250px; }
@media(min-width: 500px) { .pub_adsens2 { width: 300px; height: 300px; } }
@media(min-width: 850px) { .pub_adsens2 { width: 300px; height: 300px; } }
@media(min-width: 1000px) { .pub_adsens2 { width: 300px; height: 600px; } }

@media only screen and (max-width:1240px) {

.wrap { width:980px; }
.page-hero { float:left; width:100%; padding-bottom:60px; }
.latest-radios li { width:16.66667%; }
.radio-apps { padding:19px 19px 19px 99px; margin:25px 0 0 0; }
	.radio-apps > img { margin-left:-80px; }
.hero-categories li { width:33.33334%; }
.footer-flags li { width:20%; }

}


@media only screen and (max-width:1023px) {

body { background-size:90% auto; }
.wrap { float:left; width:100%; padding:0 20px; }

#header-wrap { position:absolute; }
#header-wrap .wrap { padding:0; }
#logo { margin-left:15px; }
	#logo a img { padding:5px 0; }

.login-icon { margin:10px 10px 0 10px; }

.radio-search { position:absolute; }
	.radio-search input { font-size:14px; }
	.radio-search button { right:10px; }

.nav-icon { float:right; width:60px; height:60px; position:relative; cursor:pointer; transition:all 0.3s; z-index:3000; display:block; }
	
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height: 0;
		bottom:2px;
		left:50%;
		position: absolute;
		width:0;
		margin-left:-10px;
		border-bottom-color:#1E35AA;
	}
	
	.nav-icon span { position:absolute; top:50%; left:20px; width:20px; height:2px; margin-top:-1px; background-color:#FFF; transition:all 0.3s; border-radius:2px; }
		.nav-icon span::before { content:""; position:absolute; top:-6px; right:3px; left:0; height:2px; background-color:#FFF; transition:all 0.3s; border-radius:2px; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; right:6px; left:0; height:2px; background-color:#FFF; transition:all 0.3s; border-radius:2px; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			top:0;
			left:0 !important;
			right:0 !important;
			background-color:#F90;
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			left:0 !important;
			right:0 !important;
			background-color:#F90;
		}

.navigation { display:none; left:0; right:0; top:58px; padding:20px; background-color:#070C28; border-top:2px solid #1E35AA; box-shadow:0 10px 40px rgba(0, 0, 0, 0.4); }
	.navigation ul { float:left; width:100%; border-top:1px solid rgba(255, 255, 255, 0.04); }
		.navigation li { width:100%; margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.04); }
			.navigation li.nav-multi::after { content:""; position:absolute; top:0; right:0; width:40px; height:50px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.5; }
			.navigation li > a { width:100%; padding:0 20px; line-height:50px; text-align:left; box-shadow:none !important; }
		.navigation li span { float:left; width:100% !important; margin:0 0 20px 0; position:relative; top:auto; left:auto; right:auto !important; box-shadow:none; border-radius:5px; }
			.navigation li span::before { left:35px; margin-left:-10px; border-bottom-color:#FFF; }
			
.hero-categories { margin-bottom:-10px; }
	.hero-categories li a { padding:1px 10px 9px 15px; }

.footer { padding-top:30px; }
	.footer-links { margin:16px 0 24px 0; }
	.copyright { padding:30px 0; }
		.copyright section a { margin-right:20px; }
		.copyright span { font-size:11px; }

.page-wrap { padding-right:0; }
	.sidebar { width:100%; margin-right:0; }
	
.page-title { margin-top:23px; }

.page-hero { background:none; }

.category-list li a { padding:21px 10px 9px 20px !important; }

.radio-similar ul li { width:50%; }

.footer-flags li { width:25%; }

}





@media only screen and (max-width:767px) {

.hero-categories li { width:33.33334%; }
	.hero-categories ul li a { padding-top:11px; }
		.hero-categories ul li a span { display:none; }
		.category-list ul li a span { display:block; }
		
.radio-list ul li { width:20%; }
	.radio-list ul li a { height:auto; padding-left:0; padding-bottom:10px; }
		.radio-list ul li a::after { left:0; }
		.radio-list ul li a img { float:left; width:100%; max-width:initial; position:static; height:auto; margin-top:0; }
		.radio-list ul li a strong { padding-top:6px; font-size:11px; text-align:center; }
		.radio-list ul li a span { display:none; }

.latest-radios li { width:20%; }
	.latest-radios li a strong { font-size:11px; }

.listen-nav { margin-bottom:15px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
	.listen-nav ul { float:none; height:40px; display:block; }
		.listen-nav li { float:none !important; display:inline-block; }
		.listen-nav li:nth-last-child(2)::after , .listen-nav li:nth-last-child(3)::after { display:block; }
		.listen-nav li:last-child::after { display:none; }
		.listen-nav li:nth-last-child(2) a { padding-right:20px; }
		
.radio-player { height:60px; margin:0; border-radius:0; position:fixed; bottom:0; left:0; z-index:1900; }
	.radio-player-logo { left:10px; width:58px; height:40px; margin-top:-20px; }


}





@media only screen and (max-width:640px) {

.radio-list ul li { width:25%; }
.radio-rating { width:100%; }
.radio-share { width:100%; margin-top:15px; }
.category-list li { width:50%; }
.footer-flags li { width:33.33334%; }

}



@media only screen and (max-width:540px) {

body { background-size:100% auto; background-position:0 0; }

.latest-radios li { width:25%; }
.radio-apps section a { width:100%; margin-right:0; }
.contact-form section { flex-basis:100%; }
	.contact-form section .button  { margin-top:5px; }
	
.footer-flags li { width:50%; font-size:11px; }

}



@media only screen and (max-width:420px) {

.radio-list ul li { width:33.33334%; }
.latest-radios li { width:33.33334%; }
.footer-links li { padding-right:15px; }

}



@media only screen and (max-width:375px) {

.navigation li span a { width:100%; }


}



@media only screen and (max-width:360px) {

#logo a img { padding:8px 0; }

}




/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}
    .icheckbox_minimal-pink.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-pink.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-pink.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-pink.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-pink {
    background-position: -100px 0;
}
    .iradio_minimal-pink.hover {
        background-position: -120px 0;
    }
    .iradio_minimal-pink.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-pink.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-pink.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal-pink,
    .iradio_minimal-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}