body{font-smoothing: antialiased;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.red{color:#00bff3;}
#sensor{display:block; height:90px; width:100%;}
.cookie{padding:8px 16px;     background: rgba(27,27,27,0.8); color:#fff; position:absolute; z-index:9900; top:0;left:0; width:100%;}
.ubuntu{font-family:'Ubuntu', sans-serif;}
.cookie a{color:#fff; font-weight:normal; text-decoration: none !important;}
.cookie a:hover{color:#00bff3;}

.pl{background:#fff url('../img/061.jpg') no-repeat 50% 0; background-size:cover;}
.closebutton{color:#fff ;display:inline-block; float:right; cursor:pointer;}
.closebutton:hover, .closebutton:focus{color:#00bff3;}
	.pl .ui-slider-handle{width:1px; height:1px; position:absolute; z-index:200; outline:none;}

	.player{font-family:'Ubuntu', sans-serif; color:#fff; position:fixed; bottom:0;/*top:0;*/ right:0; width:100%; z-index:99; /*margin:150px auto 150px; */ height:90px; /*border:1px solid #000; border-radius:3px; background:url('../img/bg.png') 0 0 repeat;box-shadow:0 0 10px 0 rgba(222, 223, 227, 0.6);*/ 
/*background: #eeeff3;

background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 );
*/
background:rgba(27,27,27,0.8);
	}
	.player.light{color:#656565; background-image:url('../img2/bg.png'); border:1px solid #fff;}
		
		.player .toolbar{position:absolute; width:100px; height:44px; left:54%; margin-left:-50px; top:18px; /*background:url('../img/line_tb.png') 0 0 no-repeat;*/}
		.player.light .toolbar{background-image:url('../img2/line_tb.png');}
			.player .toolbar .tlb_prev{position:absolute; width:38px; height:38px; left:-12px; top:11px; /*background:url('../img/btns.png') 0 0 no-repeat; */cursor:pointer;border-radius:50%; border:0px solid #eaedf1;
			text-align:center; line-height:29px;
			/*
						
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 );*/
			}
			.player .toolbar .tlb_prev:before{color:#fff; vertical-align:middle; content:'\f222'; font-family:'ionicons', sans-serif; font-size:20px;margin-left:-3px;}
			.player .toolbar .tlb_prev:hover:before{color:#00bff3;}
			.player .toolbar .tlb_stop{position:absolute; width:64px; height:64px; left:29px; top:-4px; /*background:url('../img/btns.png') -81px 0 no-repeat;*/ cursor:pointer; border-radius:50%; border:2px solid #4a4a4a;
			text-align:center; line-height:40px; z-index:1;
	/*		
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 ); */
			}
			.player .toolbar .tlb_stop:before{    line-height: 60px;color:#fff; vertical-align:middle; content:'\f215'; font-family:'ionicons', sans-serif; font-size:28px;margin-left:4px;}
			.player .toolbar .tlb_stop:hover:before{color:#00bff3;}
			.player.light .toolbar .tlb_stop{background-image: url('../img2/btns.png');}
			.player .toolbar .tlb_stop.isplay{
			/*background: #ffffff; 
background: -moz-linear-gradient(top,  #dddee2 0%, #ffffff 75%); 
background: -webkit-linear-gradient(top,  #dddee2 0%,#ffffff 75%); 
background: linear-gradient(to bottom,  #dddee2 0%,#ffffff 75%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddee2', endColorstr='#ffffff',GradientType=0 ); */
			}
			.player .toolbar .tlb_stop.isplay:before{color:#fff; vertical-align:middle; content:'\f210'; font-family:'ionicons', sans-serif; margin-left:0;}
			.player .toolbar .tlb_next{position:absolute; width:38px; height:38px; left:96px; top:12px; /*background:url('../img/btns.png') -56px 0 no-repeat;*/cursor:pointer;border-radius:50%; border:0px solid #eaedf1;
			text-align:center; line-height:29px;
			/*
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 ); */
			
			}
			.player .toolbar .tlb_next:before{color:#fff; vertical-align:middle; content:'\f223'; font-family:'ionicons', sans-serif; font-size:20px;margin-left:3px;}
			.player .toolbar .tlb_next:hover:before{color:#00bff3;}
			
		.player .long{position:absolute; left:97px; top:56px; width:auto; right:49px; height:25px; background:url('../img/long_bg.png') 0 0 repeat-x; border-radius:5px; display:none;}
		.player.light .long{background-image:url('../img2/long_bg.png');}
			.player .long .ui-widget-header{background:url('../img/long_polz.png') repeat-x 0 0; height:12px; top:5px; max-width:305px; margin:0 5px; position:absolute; border-radius:2px;}
			.player.light .long .ui-widget-header{border:1px solid #d3d3d3; background-image:url('../img2/long_polz.png');}
		.player .current{position:absolute; right:238px; top:36px; font-size:14px; color:#fff; font-weight:300;}
		.player .all{position:absolute; right:12px; top:61px; font-size:11px; color:#565656; display:none;}
			
		.player .cover{background-color: #fff;position:absolute; width:90px; height:90px; left:56px; top:0px; /*border:1px solid #000; padding:4px;*/ border:0px solid #eaedf1}
		.player.light .cover{border:1px solid #565656;}
		.player .title{color:#00bff3;font-weight:300;position:absolute; left:170px; top:48px; font-size:14px; /*background:url('../img/note.png') 0 1px no-repeat;*/ padding-left:15px;}
		.player.light .title{background-image:url('../img2/note.png');}
		.player .author{position:absolute; left:170px; top:24px; font-size:18px; color:#fff; padding-left:15px; }
		.player .author i, .player .title i{font-size:28px; vertical-align:middle; color:#fe314f; margin-right:12px;display:none;}
		.player .title i{font-size:18px; margin-right:18px;}
		.player.light .author{background-image:url('../img2/face.png');}
			
			
		
		.while_icon{position:absolute; top:19px; right:198px; width:14px; height:8px; background:url('../img/while.png') 0 0 no-repeat; cursor:pointer; opacity:0.5; display:none;}
		.player.light .while_icon{background:url('../img2/while.png');}
		.while_icon.active{opacity:1;}
		.rand{position:absolute; top:16px; right:227px; width:16px; height:13px; background:url('../img/rand.png') 0 0 no-repeat; cursor:pointer; opacity:0.5; display:none;}
		.player.light .rand{background:url('../img2/rand.png');}
		.rand.active{opacity:1;}
		.line{position:absolute; top:10px; right:183px; width:2px; height:25px; background:url('../img/line.png') 0 0 no-repeat;}
		.player.light .line{background:url('../img2/line.png');}
		.pl_icon{position:absolute; top:32px; right:28px; width:38px; height:38px; /*background:url('../img/pl_ico.png') 0 0 no-repeat;*/ cursor:pointer;border-radius:50%; border:0px solid #eaedf1;text-align:center; line-height:30px;
		/*background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 ); */
		}
		.pl_icon:before{content:'\f20e'; font-family:'ionicons', sans-serif; font-size:22px;color:#fff;}
		.pl_icon.active{/*background-image:url('../img/pl_ico_a.png');*/
		/*background: #ffffff; 
background: -moz-linear-gradient(top,  #dddee2 0%, #ffffff 75%); 
background: -webkit-linear-gradient(top,  #dddee2 0%,#ffffff 75%); 
background: linear-gradient(to bottom,  #dddee2 0%,#ffffff 75%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddee2', endColorstr='#ffffff',GradientType=0 ); */
		}
		.pl_icon.active:before{content:'\f20e'; font-family:'ionicons', sans-serif; color:#00bff3; }
		.vol_icon{position:absolute; top:32px; right:78px; width:38px; height:38px; /*background:url('../img/vol_ico.png') 0 0 no-repeat;*/ cursor:pointer; border-radius:50%; border:0px solid #eaedf1;
			text-align:center; line-height:30px;
			/*background: #ffffff; /
background: -moz-linear-gradient(top,  #ffffff 37%, #dddee2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 37%,#dddee2 100%); 
background: linear-gradient(to bottom,  #ffffff 37%,#dddee2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee2',GradientType=0 );*/
			}
		.vol_icon:before{content:'\f259'; font-size:24px; font-family:'ionicons', sans-serif; color:#fff;}
		.muted:before{content:'\f25a';font-size:24px;}
		
		.vol_icon.active:before, .vol_icon:hover:before{/*background-image:url('../img/vol_ico_a.png');*/ color:#00bff3;}
		.vol_icon.active{/*background: #ffffff; 
background: -moz-linear-gradient(top,  #dddee2 0%, #ffffff 75%); 
background: -webkit-linear-gradient(top,  #dddee2 0%,#ffffff 75%); 
background: linear-gradient(to bottom,  #dddee2 0%,#ffffff 75%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddee2', endColorstr='#ffffff',GradientType=0 ); */
		}
		
		.player .volume{position:absolute; right:128px; top:45px; width:80px; height:2px; /*background:url('../img/vol_bg.png') 0 0 no-repeat;*/ display:none; background-color:#4a4a4a; cursor:pointer;}
		.player.light .volume{background-image:url('../img2/vol_bg.png');}
			.player .volume .ui-widget-header{background-color:#00bff3;/*background:url('../img/vol_polz.png') repeat-x 0 0;*/ height:2px; top:0; max-width:80px; left:0; position:absolute; /*border-radius:3px;*/}
			.player.light .volume .ui-widget-header{background:url('../img2/vol_polz.png');}
		

		
		.playlist{ color:#fff; background-color:rgba(0,0,0, .7); /*background:url('../img/bg.png') 0 0 repeat; height:340px;*/ overflow-y:auto; position:absolute; /*width:auto; top:-342px;*/ bottom:90px; /*border-radius:3px;*/ border:0 !important; left:0;/* width:75%; right:0;  box-shadow:0 0 10px 0 rgba(222, 223, 227, 0.6);*/ padding:2px;  
		}
		.player.light .playlist{background:url('../img2/bg.png');}
			.playlist span{display:inline-block; width:46%; /*background:url('../img/pl_bg.png')*/  repeat-x 0 0; line-height:32px; /*height:50px;*/ cursor:pointer; font-size:14px; padding:0 6px; margin:8px 17px; font-weight:300;}
			.player.light .playlist span{background-image:url('../img2/pl_bg.png');}
			.playlist span:hover{color:#00bff3;}
			.playlist span.active{color:#00bff3;}
			.playlist span.active{/*background-image:url('../img/pl_a_bg.png');*/}
			.player.light .playlist span.active{background-image:url('../img2/pl_a_bg.png');}
								
			.player.light .scrollgeneric{line-height:1px; font-size:1px; position:absolute; top:0; left:0;}

			.player.light .vscrollerbase {width:8px; height:13px; background-color:#ddd;}
			.player.light .vscrollerbar {width:4px; background:url('../img2/scroll.png') 0 0 repeat-y; border-radius:5px; margin:0 2px;}
			.player .playlist-cover{background-color: #fff;max-width: 80px;/*border-radius: 50%;*/padding: 0px;border: 0px solid #eaedf1;margin-right: 12px;margin-left: 31px;display:inline-block;}
/*banner width:1680 and height:703px */			

.playlist span{text-align:left !important;}

.playlist span > div{display:inline-block;margin-left: 20px;}
#banners_holder{z-index:-1;margin:0; padding:0; top:0; position:absolute;}
#banners_holder li{/*display:none;*/margin:0; padding:0;}
#banners_holder li a{display:block; width:auto; height:100%; background-size:cover;}

#advertising{position:absolute; top:36px; left:46%; display:none;}
#advertising ul{display:none;}


@keyframes rotatelogo{
	from{transform:rotateY(0deg)}
	to{transform:rotateY(360deg)}

}
.rotativelogo{
	
animation-name: rotatelogo;
animation-duration: 2s;
animation-iteration-count:infinite;
	}
.logo{position:absolute; top:24px;left:56px; display:block; width:72px; /*opacity:.8;*/ z-index:100;
transform:rotateY(0deg);

}

.logo a{display:block;}

.info{ position:fixed; right:-133px;; /*top:16px;*/ bottom:50%; margin-top:-60px;font-family:'Ubuntu', sans-serif;background:rgba(27,27,27, 0.8);}
.info i{font-size:12px; font-style:normal; display:block;transform:rotate(-90deg);margin-top:57px;}
.info li{margin:4px 0;padding-left: 22px;}
.info li a{ color:#fff; text-decoration:none !important; cursor:pointer;}
.info li a:hover{ color:#00bff3;}
.info li span{font-size:14px; color:#00bff3;margin-right: 12px;text-align: center;display: inline-block;width: 16px;}
.infoicon{
	/*position:absolute; left:-29px;top:0;bottom:50%; margin-top:-60px;*/
	float:left;
padding: 6px 6px 4px 4px;
border-radius: 0;
display:block;width:29px;
height:100px;
cursor:pointer;
color:#fff;
border-right:1px solid #4f4f4f;
/*box-shadow: -1px 1px 2px #eaedf1;*/


	}
.infoicon:hover, .infoicon:focus, .infoicon:active{color:#00bff3; }
.info ul{padding:16px; margin:0; font-size:12px;color:#fff;min-height:100px;
/*background:rgba(27,27,27, 0.8);*/
/* IE6-9 */
}

p{font-family:'Ubuntu', sans-serif; font-size:12px !important;}

#bb{width:100%; /*margin-top:71px;*/position:absolute; top:0;left:0; overflow-x:hidden; font-family:'Ubuntu', sans-serif;z-index:101; background-color:rgba(27,27,27, 0.8);display:none;padding:16px;padding-top:0px;color:#fff;}
#bb .closepage{content:'\f2ac'; font-family:'ionicons', sans-serif; width:32px;height:32px;line-height:32px;vertical-align:middle;font-size:22px;position:absolute;right:0;top:15px;cursor:pointer;z-index:10;display:block; text-align:center;}

.rr{width:100%; margin-top:72px;position:relative; overflow:hidden;font-family:'Ubuntu', sans-serif;}
.cc{display:block;float:left; width:25%;position:relative; overflow-y:hidden;}
.cc a{display:block; max-width:100%; height:100%; transition: all ease-in-out 1s;}
.cc img{position:absolute;top:0;left:0; max-width:100%; z-index:-1;}
.elabel{position:absolute; display:block; background:rgba(255,255,255,.9); padding:6px;top:70%; width:100%; height:100%; }
.cc a:hover .elabel{top:0%;}
.etitle{color:#fe314f; font-weight:500;}

.edate, .eplace{width:50%;display:block;float:left;color:#000; font-size:11px; }
.eplace{text-align:right;}
.eplace{color:#b1b2b6;}

.hhint{position:absolute; top:38px; right:-31px; font-size:11px; width:134px; display:block; background-color:rgba(0,0,0, .6); color:#fff; padding:0 10px; border-radius:24px; line-height:26px;}
.hhint:before{content:''; display:block; width:0;height:0; position:absolute;top:-4px; right:38px; margin-right:4px; border-left:4px solid transparent;border-right:4px solid transparent; border-bottom:4px solid rgba(0,0,0, .6)}

#bb a {color:#00bff3; text-decoration: none;}
#bb a:hover, #bb a:focus {color:#fff; text-decoration: none;} 

@media screen and (max-width: 1024px) {
/*#banners_holder li a{background-size:1024px;}*/
#banners_holder, #banners_holder li, #banners_holder li a {width:1024px;}
/*.playlist span{width:28%;}
.playlist{height:522px;}*/

/*.cc{width:50%;}
.rr{ overflow-y:scroll;}
.player .toolbar .tlb_prev, .player .toolbar .tlb_next{display:none !important;}*/

}
@media screen and (max-width: 812px) {
	.playlist span{width:100%;}
}

@media screen and (max-width: 768px) {
/*#banners_holder li a{background-size:768px;}*/
#banners_holder, #banners_holder li, #banners_holder li a {width:auto;}

#advertising{left:36%;}
/*.player .playlist {height:820px; width:50%;}*/
.player .vol_icon{display:none;}
.player .current{right:91px;}
.player .toolbar{left:64%;}
/*.cc{width:50%;}*/

}

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

/*.logo{left:12px;}
.player .playlist {height:180px; width:100%;}*/

.playlist span{    margin: 7px 17px;/*font-size:11px; margin: 32px 0; width:25%*/}
.player .playlist-cover{max-width:50px;}
/*#banners_holder li a{background-size:640;}*/
#banners_holder, #banners_holder li, #banners_holder li a {width:auto;}
.player .toolbar{left:66%;}

.player .cover{left:56px;}
.player .title{left:158px;}
.player .toolbar{left:63%;}
.player .author{left:158px;}*/
.pl_icon{right:6px;}
.vol_icon{right:50px;}
.player .volume{right:96px;}
.player .current{right:77px;}
#advertising{left:53%;top:46px;}



	
}

@media screen and (max-width: 480px) {
#banners_holder, #banners_holder li, #banners_holder li a {width:auto;}
/*#banners_holder li a{background-size:480px;}*/
.player{/*height:102px;*/}
.player .playlist{/*height:478px;  width:100%; top:102px;*/}
.playlist span{ margin:10px 0;}

.player .toolbar{top:44px; margin-left:-101px;}
.pl_icon{/*left:93px; top:56px;*/right:15px;}
.player .cover{left:0; top:0;}
.player .playlist-cover{margin-left:15px;/*margin-right:0;*/}
.player .author{left:86px; top:6px;}
.player .title{left:86px; top:28px;}
.player .current{right: auto; left:101px; top:60px;}
.vol_icon{top:76px;right:15px;}
.player .volume{width:60px; top:93px; right:58px;}
.player .volume .ui-widget-header{max-width:60px;}
#advertising{left:29%;top:88px;}
/*.rr{margin-top:102px;}
.cc{width:100%;}*/


.logo{left: 24px; /*right:5%;top:52px;width:60px;*/}

.player .toolbar .tlb_prev, .player .toolbar .tlb_next{display:none !important;}
.player .toolbar .tlb_stop{left:114px; top:-31px;}
.playlist span > div {    margin-left: 12px;}
.playlist span > div:last-child{display:none;}


}

@media screen and (max-width: 360px) {
#banners_holder, #banners_holder li, #banners_holder li a {width:auto;} 

/*.player .playlist{height:400px;}
#banners_holder li a{background-size:360px;}*/
}