@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#333;}
.fixed_cover{ background-image:url(images/h_banner_cover.jpg);  background-repeat:no-repeat;  background-position: 0 0; background-color: #FFF; width:100%; height:530px; position: fixed; -moz-box-sizing: border-box; box-sizing: border-box;}
@media screen and (min-width:1600px){.fixed_cover{background-size:100%;}.header_menu_div_sr{background-size:100%;}} 
.banner_div_splash{ width:1000px;  padding:0px; position: fixed; left: 50%; margin: 0px 0 0 -500px; top: 86px;}
.header_div_splash{ height:86px; width:auto; padding:0px; margin:0px;}
.r_splash_l{ width:220px; height:46px; padding:0; margin:20px 0; float:left; background:url(images/r_splash_logo.png) no-repeat;}
.nav_menu_splash{ float:right; list-style:none; padding:0px; margin:23px 0; height:30px;}
.nav_menu_splash li{ float:left; padding:0px; }
.nav_menu_splash li a{ font:normal 14px/30px lato; color:#fff; padding:0 14px; display:block; float:left; text-align:center; text-transform:uppercase;}
.lang_dropdown-right { float: right; height: 46px; margin: 23px 0 23px 12px;}
.channel {font:normal 14px/40px lato; color:#fff; float: left; }
.chl_list {float: left;width: auto;height: 40px;margin: 0px 0 0 10px;}
.banner_rsplash_div{ padding:0px; margin:0px 0 0 0; overflow:hidden;}
.banner_rsplash_divice{ width:628px; height:394px; float:right; padding:0px; margin:20px 0 0 0; background: url(images/device.png) no-repeat;}
.banner_rsplash_left{ float:left; padding:0px; margin:10px 0 0 0; text-align:center;}
.new_raage{ margin:0px; padding:0px; background:url(images/new.png) no-repeat; width:340px; height:60px; text-align: center; display: inline-block;}
.better{ background:url(images/better.png) no-repeat;  margin:20px 0 30px 0; height:40px; width:358px; padding:0px; }
.sign_g{ background:url(images/sing_google.jpg) no-repeat; width:350px; height:47px; padding:0px; margin:30px 0 20px 0; display:block;}
.sign_fb{ background:url(images/sing_fb.jpg) no-repeat; width:350px; height:47px; padding:0px; margin:20px 0 10px 0; display:block;}
.listen_now{background:url(images/listen_now.png) no-repeat; width:312px; height:75px; padding:0px; margin:5px 0 10px 10px; display:block;webkit-transform: scale(1,1);    -webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.listen_now:hover{-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1.05,1.07); -moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}	
.available_on{ background: url(images/available_on.png) no-repeat;width: 415px;height: 50px;padding: 0px;margin: 20px 0 20px 0;text-align: center;display: inline-block;}
.sign_up{ font:normal 16px/40px lato; color:#fff; text-align:center; display:inline-block;}
.apps_div_box{ padding:0px; margin:20px 0 20px 0; overflow:hidden; text-align:center;}
.rsplash_feture{ height:auto; padding:0px; margin:0px; position:relative; overflow:hidden; top:515px;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f7 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f5f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f5f7 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#f3f5f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f5f7 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#f3f5f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f7',GradientType=0 ); /* IE6-9 */border-bottom:1px solid #d9dcde;}
.raaga_apps_ds{ position:relative; top:515px; overflow:hidden; height:auto; background:#ebeaef; border-bottom: 1px solid #d9dcde; text-align:center;}
.rsplash_feture_b{ width:1000px; height:auto; padding:0px; margin:0 auto; overflow:hidden; text-align:center;}
.rsplash_t{ font: 40px "lato"; color:#333; text-align:center; margin:0px; padding:20px 0 0 0;}
.rsplash_text{ font: 14px "lato"; color:#333; text-align:center; margin:0px; padding:10px 0;}
.feature_box-con_option_f { list-style: none; padding: 0px; margin: 40px 0 0 0; text-align:center; }
.feature_box-con_option_f li {  width: 42%; overflow: hidden; height: 100%; margin: 0 5% 40px 0;  display:inline-block; text-align:center;}
.op_box_mill_f { background: url(images/sprits.png) no-repeat left top; width: 34px; height: 34px; background-position: -84px -146px; float: left; }
.feature_box-con_option_f li h3 { font-family: "lato"; font-size: 24px; font-weight: 300; color: #6666; text-align: left; padding: 0 0 0 50px; line-height: 100%; margin: 0px;}
.feature_box-con_option_f li p { font-family: "lato"; font-size: 13px; font-weight: 300; color: #888; text-align: left; padding: 10px 0 0 50px; line-height: 18px;}
.llll_f {margin: 0 0 40px 5% !important;}
.op_box_dic_f {background: url(images/sprits.png)no-repeat left top;width: 34px;height: 34px;background-position: -126px -145px;float: left;}
.op_box_offline_f {background: url(images/sprits.png) no-repeat left top;width: 34px;height: 34px;background-position: -166px -146px;float: left;}
.op_box_bulid_f {background: url(images/sprits.png)no-repeat left top;width: 34px;height: 34px;background-position: -213px -144px;float: left;}
.rsplash_text1 {font: 14px "lato";color: #333;text-align: left;margin: 0px;padding: 10px 0;}
.rs_card{ float:left; padding:0px; margin-right:94px; background:url(images/card.png) no-repeat; width:336px; height:550px; }
.rs_right{ float:left; padding:0px; margin:0px; width:540px;}
.rs_premium_t{ background:url(images/premium.png) no-repeat; width:349px; height:97px; padding:0px; margin:50px 0 0 0;} 
.list_icon{ padding:0px; margin:20px 0 0 30px;}
.list_icon a{ display:block; text-decoration:none; color:#666; text-align:left;  font-family: "lato"; font-size: 13px; font-weight: 300; padding:10px 0; line-height:26px; }
.un_music{ background:url(images/sprits.png) no-repeat; width:30px; height:26px; float: left; background-position:-1px 3px; margin-right:10px;}
.no_net{ background:url(images/sprits.png) no-repeat; width:30px; height:26px; float: left; background-position: -33px 5px; margin-right:10px;}
.hg_m{ background:url(images/sprits.png) no-repeat; width:30px; height:26px; float: left; background-position: -68px 5px; margin-right:10px;}
.free_ad{ background:url(images/sprits.png) no-repeat; width:30px; height:26px; float: left; background-position: -103px 5px; margin-right:10px;}
.off_l{ background:url(images/sprits.png) no-repeat; width:30px; height:26px; float: left; background-position: -134px 5px; margin-right:10px;}
.muy_raaga_te{ background:url(images/my_raaga_te.png) no-repeat; width:228px; height:57px; padding:0px; margin: 50px 0 0 0; }
.connect_test{ background:url(images/connect.png) no-repeat; width:678px; height:57px; padding:0px; margin: 50px 0 0 0; text-align: center; display: inline-block}
.co_friends{ padding:0px; margin:20px 0 0 0;  display: inline-block;}
.co_friends_gg{ background: url(images/sprits.png) no-repeat; width:350px; height:47px; float:left; margin-right:20px; padding:0px; display: block; text-align:center; background-position:-224px -8px; margin-bottom:15px; webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.co_friends_gg:hover{-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms; -moz-transform: scale(1.05,1.07);
-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.co_friends_fb{ background: url(images/sprits.png) no-repeat; width:350px; height:47px;  margin-right:20px; padding:0px; display: inline-block; background-position:-224px -59px; text-align:center;webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.co_friends_fb:hover{-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms; -moz-transform: scale(1.05,1.07);
-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.un_limit{background: url(images/unli.png) no-repeat;width: 800px;height:50px;padding: 0px;margin: 30px 0 0 0;text-align: center;display: inline-block;}
.radio_div{background: url(images/radio.png) no-repeat;width: 133px;height:46px;padding: 0px;margin: 50px 0 0 0;text-align: center;display: inline-block}
.list_2music{ background:url(images/sprits.png) no-repeat; width:36px; height:26px; float: left; background-position: -115px -33px; margin-right:10px;}
.vie_p{ background:url(images/sprits.png) no-repeat; width:36px; height:26px; float: left; background-position: 7px -32px; margin-right:10px;}
.invi{ background:url(images/sprits.png) no-repeat; width:36px; height:26px; float: left; background-position: -37px -32px; margin-right:10px;}
.create_p{ background:url(images/sprits.png) no-repeat; width:36px; height:26px; float: left; background-position: -74px -33px; margin-right:10px;}
/*.profile_img{ width:600px; height:auto; padding:0px; margin:0px; float:left;}*/
.m_raaga_img{ background: url(images/my_raaga_s.jpg) no-repeat; width:560px; height:397px; margin-left:50px; margin-top:53px; position:absolute; right:0px;  }
.my_raaga_screen{width: 700px;height: 397px;position: absolute;right: -570px;bottom: 0;background-size: 985px 559px;  background: url(images/my_raaga_s.jpg) no-repeat;}
.un_li {background: url(images/un_li.png) no-repeat;width: 364px;height: 46px;padding: 0px;margin: 50px 0 0 0; text-align:center; display:inline-block;}
.un_test {background: url(images/testimonial.png) no-repeat;width: 520px;height: 50px;padding: 0px;margin: 50px 0 0 0; text-align:center; display:inline-block;}
.shadow{background: transparent url(images/shadow.png) repeat-x;width: 100%;height: 200px;position: absolute;top: 190px;z-index: 999;}
.container_animate{width: 960px;padding: 0 15px;margin: 0 auto;}.background_ani{position: absolute;width: 1920px;height: 400px;left: 0;top: 190px;overflow: hidden;}
.t_hover_play_b {background: url(images/sprits.png) no-repeat;width: 48px;height: 48px;position: absolute;top: 50%;left: 52%;margin: -24px 0 0 -24px;cursor: pointer;display: none;background-position: -0px -111px;}
.col {width: 240px;height: 2880px;float: left;background-repeat: repeat-y;-webkit-animation-name: background-move;-moz-animation-name: background-move;-o-animation-name: background-move;animation-name: background-move;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-o-animation-timing-function: linear;
animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;-webkit-animation-duration: 50s;-moz-animation-duration: 50s;-o-animation-duration: 50s;animation-duration: 50s;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.col1 { background:url(images/background-col1.jpg)}
.col2 {background:url(images/background-col2.jpg);}
.col2, .col6 {-webkit-animation-duration: 60s;-moz-animation-duration: 60s;-o-animation-duration: 60s;animation-duration: 60s;}
.col3, .col7 {-webkit-animation-duration: 40s;-moz-animation-duration: 40s;-o-animation-duration: 40s;animation-duration: 40s;}
.col3 {background:url(images/background-col3.jpg);}
.col4 {background:url(images/background-col4.jpg);}
.col5 {-webkit-animation-duration: 70s;-moz-animation-duration: 70s;-o-animation-duration: 70s;animation-duration: 70s;}
.col5 {background:url(images/background-col5.jpg);}
.col2, .col6 {-webkit-animation-duration: 60s;-moz-animation-duration: 60s;-o-animation-duration: 60s;animation-duration: 60s;}
.col6 {background:url(images/background-col6.jpg);}
.col7 {background:url(images/background-col7.jpg);}
.col8 {background:url(images/background-col8.jpg);}
@-webkit-keyframes background-move{from{-webkit-transform:translateY(0);}to{-webkit-transform:translateY(-50%);}}@-moz-keyframes background-move{from{-moz-transform:translateY(0);}to{-moz-transform:translateY(-50%);}}@-o-keyframes background-move{from{-o-transform:translateY(0);}to{-o-transform:translateY(-50%);}}@keyframes background-move{from{transform:translateY(0);}to{transform:translateY(-50%);}}
.div_testimonial{ padding:0px; margin:30px 0 0 0;}
.test_video{ width:560px; height:315px; float:left; padding:0px; margin-right:20px;}
.test_comments{ width:420px; height:auto; padding:0px; margin:0px; float:left;}
.comm1{ padding:0px; margin:0px 10px 8px 0; float:left; position:relative; webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;   -webkit-transition-duration: 250ms;-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.comm1:hover{-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1.05,1.07);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms; }
.comm1 img{ float:left; width:130px; height:100px; padding:0px; margin:0px; border:0px;}
.comment_view{ margin-left:100px; height:100px; width:310px; padding:0px; margin:0px;}
.test_text{ font:normal 12px/17px lato; color:#666; padding:10px; margin:0px; text-align:left;}
.test_name{font:normal 12px/17px lato; color:#333; padding:0 10px; margin:0px; text-align:RIGHT;}
.ragga_quick{ margin-top:20px; padding:0px; overflow:hidden;}
.quick_l{ list-style: none; margin:0px 50px 0 0; padding:0px; float:left; display:block; overflow:hidden;}
.quick_l li{ padding:0px;}
.quick_l li a{ display:block; padding:3px 0; text-align:left; color:#8c8c8c; font:normal 14px lato;}
.quick_titl{ font:bold 14px lato; color:#fff; margin:4px 0; padding:0px; text-align:left; }
.quick_l li a:hover{ color:#0d7eee;}
.apps_ions_rs{ display: inline-block; padding:0px; margin-right:90px; }
.apps_ions_rs:last-child{margin-right:0px;}
.ios_rs{ width:22px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:0px 0px; display: inline-block; }
.and_rs{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-23px 0px; display: inline-block; }
.win_phone_rs{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-56px 0px; display: inline-block; }
.win_eight{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-90px 0px; display: inline-block; }
.chro_app{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-125px 0px; display: inline-block; }
.g_tv{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-161px 0px; display: inline-block; }
.s_tv{ width:28px; height:28px; background:url(images/app_icon.png) no-repeat; background-position:-197px -0px; display: inline-block; }
.text_apps{ font:normal 13px lato; color:#333; display:block; padding-top:5px;}
.bottom_social{ padding:0px; margin-top:30px; overflow:hidden;}
.bottom_social_friends_view{ float:left; padding:0px; margin:0px;}
.rs_social_follows{ float:right; padding:0px; margin:0px;}
.follow_us{ float:left; font:bold 14px/32px lato; color:#fff; padding:0px; margin:0 15px 0 0;}
.fuo{ float:left; display:block; padding:0px; margin-right:3px; background:url(images/sprits.png) no-repeat; width:32px; height:32px;}
.fuo:last-child{margin-right:0px;}
.b_rs_fb{ background-position:0px -73px;}
.b_rs_tw{ background-position:-36px -73px;}
.b_rs_gg{ background-position:-72px -73px;}
.b_rs_pt{ background-position:-108px -73px;}
.b_rs_yt{ background-position:-144px -73px;}
.radio_raaga_sp {list-style: none;padding: 0px;margin: 35px 0 0 0;text-align: center;display:inline-block;}
.radio_raaga_sp li {width: 33.2%;padding: 0 15px;overflow: hidden;display: inline-block;text-align: center;vertical-align: top;}
.radio_raaga_sp li:nth-child(2){border: 1px solid #EEE;border-top: none;border-bottom: none;}
.sp_overlay_bg{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:rgba(0, 0, 0, .4); display:none;}
.radio_raaga_sp li:last-child{ padding: 0px 0 0 15px;}
.rsplash_text_radio {font: 13px/18px "lato";color: #666;text-align: center;margin: 0px;padding: 10px 0;}
.radio_live {text-align: center;background: url(images/sprits.png) center no-repeat;width: 32px;height: 20px;display: block;margin: auto;background-position: -186px 0px;	margin-bottom: 19px;}
.radio_art_based {text-align: center;background: url(images/sprits.png) center no-repeat;width: 32px;height: 30px;display: block;margin: auto;background-position:-189px -22px;
margin-bottom: 10px;}
.radio_mood_based {text-align: center;background: url(images/sprits.png) center no-repeat;width: 32px;height: 30px;display: block;margin: auto;background-position: -187px -58px;
margin-bottom: 10px;}
.sp_fea_title{ margin:0px; padding:0px; font:normal 22px lato; color:#333; text-align:center;} 
.nav_menu_splash li a.channe_dt{background:#5496cd url(images/channel_dowarrow.png);background-position: right 14px;padding-right: 24px;background-repeat:no-repeat;}
.nav_menu_splash li a.channe_dt:hover{ background:#f0f0f0; color:#333; border:0;}
.channels_1{ width:600px; height:250px; background: url(images/chan.jpg); margin-left: 50px; top: 55px; position: absolute; right: 0px; display:none; }
.channels_div{ margin:20px 20px 20px 40px; padding:0px; width:auto; height:auto;}
.channels_h3{ font:bold 16px/24px lato; color:#333; padding:0px; margin:0px 0 10px 0; }
.channels_div_f{ margin-right:20px; padding:0px; float: left; width:110px; }
.channels_div_f a{font:normal 13px/24px lato; color:#424242; padding:0px; text-decoration:none; text-align:left; display:block;}
.channels_div_f a:hover{ color:#00aeff;}
.banner_div_splash_h {width: 1000px;padding: 0px;position: fixed;left: 50%;margin: 0px 0 0 -500px;top: 0px;}
.header_menu_div_sr{ background-image:url(images/h_banner_cover.jpg); background-repeat:no-repeat; background-position: 0 0;width:100%; height:86px; padding:0px; margin:0px;
position:fixed;z-index:1000;}
.header_div_splash.fixed {position: fixed;top: 72px;-webkit-transition: top .5s;transition: top .5s;-webkit-transform: translateZ(0);right:0;left:0;background:#06131c;}
.splash_clang {
width: auto;
padding: 15px 30px 20px;
height: auto;
background: rgba(255,255,255,0.1);
border: 3px solid rgba(41,24,75,0.6);
border-radius: 2px;
-webkit-border-radius: 0px;
-o-border-radius: 2px;
-mz-border-radius: 2px;
display: block;
overflow: hidden;
}

.che_menu_tit {
padding: 0px;
margin: 0px 0px 10px 0px;
font: 18px century gothic;
color: #ededed;
text-transform: uppercase;
text-align: left;
font-weight: 600;
}
.la_sec_men_list{ padding:0px; overflow:hidden; margin:5px 20px 0 0; text-align:left; float:left; width:120px;} 
.la_sec_men_list li{list-style: none;padding: 0px;text-align: left;margin-right: 20px;}
.la_sec_men_list li:last-child{margin-right:0px;}
.la_sec_men_list li a{ text-align:left; text-decoration:none; font:12px/25px century gothic; color:#fff; text-transform:uppercase; }
.la_sec_men_list li a:hover{ -webkit-transition:width 2s; /* For Safari 3.1 to 6.0 */ transition:width 2s; color:#ba75ff;}
/* footer */
.label_footer{ background:#454545; height:300px; width:100%; padding:0px; margin:0px;}
.label_footer_in{ width:900px; height:auto; margin: auto ; padding:30px 0 0 0;}
.fo_column_box{ padding:0px 0 10px 0; margin:0px; overflow:hidden;}
.label_fcolumn{float: left; width: 210px; min-height: 200px;}
.label_fcolumn h3{text-transform: uppercase; margin: 0 0 10px 0; color:#fff; font:15px "brandongrotesque-bold-webfont", roboto, arial;}
.label_fcolumn ul{  padding:0px; margin:0px;}
.label_fcolumn ul li{ list-style:none;}
.label_fcolumn ul li a{ text-decoration:none; color:#999; font:13px century gothic, roboto, arial; line-height:22px;}
.copy_rights_la{ padding:0px; margin:0px; color:#fff; }
.copy_rights_la span{ color:#fff; font:13px/20px century gothic, roboto, arial;}
.copy_rights_la a{color:#fff; font:13px/20px century gothic, roboto, arial; padding:0 10px;}
.twitter_lfooter{ padding:0px; margin:10px 0; display:block;}
.fb_lfooter{ padding:0px; margin:10px 0; display:block;}
.goo_lfooter{ padding:0px; margin:10px 0; display:block;}
@media screen and (max-width: 1250px) and (min-width: 900px){ .content_artist { width: 960px;} .content_artist_topbox{ height:310px;}}
.label_icon_img_l{ position:absolute; background:url(images/label_f.png) no-repeat; width:15px; height:14px; top:6px; left:43%;}
.label_icon_img_r{ position:absolute; background:url(images/label_f.png) no-repeat; width:15px; height:14px; top:6px; right:43%;}
.social_all_bot{ padding:10px; border:1px solid #999; overflow:hidden; border-radius:4px; -mz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}

.appstore_icon{width:100%;  height:33px; margin:20px auto; display:table;}
.storeicon{text-align:center; display:table-cell;}
.storeicon a{text-align:center; display:table-cell; display:block; cursor:pointer;}