body { font-family: 'Roboto', sans-serif; line-height: 1.42857143; color: #333333; background-color: #ffffff; font-size:14px;}
a{outline:none;}
#wrapper{width:100%; float:left;}

.topbanner{width:100%; float:left; position:relative; text-align:center; background-color:#121820;}
.topbanner img{margin:0 auto;}
.banner_text{position:absolute; width:100%; margin:0 auto; top:0; margin-top:8%; z-index:30; color:#FFF;}
.banner_text h3{font-size:23px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
.banner_text h2{font-size:46px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
.banner_text p{font-size:14px; padding:15px 0;}
.banner_text a.start_profile_btn{font-size:16px; text-transform:uppercase; color:#FFF; padding:4px 10px; border:#d6a608 2px solid; display:inline-block; text-decoration:none;}
.banner_text a.start_profile_btn:hover{border-color:#FFF;}
.divide_line{width:10%; margin:0 auto; background-color:#FFF; height:3px; overflow:hidden;}
.logo-bg{background-color:#FFF;}
.logo-bg .logo_black{background-color:#000;}
.logo-bg h1.logo{margin:0; padding:8px 0; text-align:center;}
.logo-bg h1.logo img{margin:0 auto;}
.social_top{position:absolute; top:20px; right:20px; z-index:60;}
.social_top a{margin:0 5px;}

#navigation ul.menu{font-size:16px; font-weight:700; width:100%; float:left; padding:0; margin:0; text-align:center;}
#navigation ul.menu li{display:inline-block; list-style-type:none;}
#navigation ul.menu li a{color:#000000; text-decoration:none; display:block; padding:25px 25px;}
#navigation ul.menu li a:hover{color:#ff0095;}

#navigation ul{font-size:16px; font-weight:700; width:100%; float:left; padding:0; margin:0; text-align:center;}
#navigation ul.hnav > li{display:inline-block; list-style-type:none; position:relative;}
#navigation ul.hnav > li > a{color:#000000; text-decoration:none; display:block; padding:25px 25px;}
#navigation ul.hnav > li > a:hover{color:#ff0095;}
#navigation ul.hnav > li > ul{display:none; position:absolute; width:100%; background-color:#000000; float:left;  left:16px !important; top:26px; z-index:999; width:200px;}
#navigation ul.hnav > li:hover > ul{display:block;}
#navigation ul.hnav > li > ul > li{width:100%; float:left; position:relative;}
#navigation ul.hnav > li > ul > li > a{color:#fff; font-size:13px; font-weight:400; padding:7px 10px; display:block; text-decoration:none; border-bottom:#fff 1px solid; text-align:left;}
#navigation ul.hnav > li > ul > li > a:hover{background-color:#d6a608; color:#fff;}
#navigation ul.hnav > li > ul > li > ul{display:none; position:absolute; width:100%; background-color:#000000; float:left;  left:200px !important; top:0; z-index:999; width:200px;}
#navigation ul.hnav > li > ul > li:hover > ul{display:block;}
#navigation ul.hnav > li > ul > li > ul > li{width:100%; float:left; position:relative;}
#navigation ul.hnav > li > ul > li > ul > li > a{color:#fff; font-size:13px; font-weight:400; padding:7px 10px; display:block; text-decoration:none; border-bottom:#fff 1px solid; text-align:left;}
#navigation ul.hnav > li > ul > li > ul > li > a:hover{background-color:#d6a608; color:#fff;}
#navigation ul.hnav > li > ul > li > ul > li > ul{display:none; position:absolute; width:100%; background-color:#000000; float:left;  left:200px !important; top:0; z-index:999; width:200px;}
#navigation ul.hnav > li > ul > li > ul > li:hover > ul{display:block;}
#navigation ul.hnav > li > ul > li > ul > li > ul > li{width:100%; float:left; position:relative;}
#navigation ul.hnav > li > ul > li > ul > li > ul > li > a{color:#fff; font-size:13px; font-weight:400; padding:7px 10px; display:block; text-decoration:none; border-bottom:#fff 1px solid; text-align:left;}
#navigation ul.hnav > li > ul > li > ul > li > ul > li > a:hover{background-color:#d6a608; color:#fff;}
#navigation .arrow{display:none !important;}

.inner_navigation{width:100%; float:left; padding:15px 0;  border-bottom:#121820 2px solid;}
.inner_navigation #navigation ul{font-size:14px;}
.inner_navigation #navigation ul li a{padding:5px 15px;}
.inner_navigation #navigation ul li a.login{padding:4px 10px; border:#d6a608 2px solid; display:inline-block; text-decoration:none; color:#d6a608;}

ul.useful-links{width:100%; float:left; padding:20px 0 0; text-align:center; margin:0;}
ul.useful-links li{display:inline-block; font-size:16px; font-weight:700; margin:0 7px;}
ul.useful-links li a{color:#000000; text-decoration:none;}
ul.useful-links li a.login{padding:4px 10px; border:#d6a608 2px solid; display:inline-block; text-decoration:none; color:#d6a608;}
ul.useful-links li a:hover{color:#ff0095; border-color:#ff0095;}

.how-it-work{background-color:#121820; padding-bottom:7%;}
.how-it-work h2{font-size:34px; font-weight:300; text-align:center; padding:6% 0 3%; color:#FFF;}
.work_article{text-align:center;}
.works_icon img{margin:0 auto;}
.work_article h3{font-size:16px; font-weight:300; color:#d6a608; text-transform:uppercase;}
.work_article p{font-size:14px; padding:0; margin:0; color:#FFF; font-weight:300;}

.sunfly-music{background-color:#fff; text-align:center;}
.sunfly-music h2{font-size:34px; font-weight:300; text-align:center; padding:5% 0 2.7%; color:#121820;}

.top_list{text-align:center; display:inline-block; width:62%; padding:0 0 8% 0;}
.top_list ul{padding:0; margin:0; text-align:left;}
.top_list h3{font-size:18px; font-weight:400; color:#121820; text-align:left; margin:18px 0 30px;}
.top_list ul li{width:100%; float:left; list-style-type:none; padding:10px 0;}
.top_list ul li div.list_icon{width:33%; float:left; position:relative; max-width:68px;}
.top_list ul li div.list_icon span{width:17px; height:17px; line-height:17px; color:#ffffff; text-align:center; background-color:#d73437; position:absolute; top:0; right:0;}
.top_list ul li div.list_text{width:65%; float:right;}
.top_list ul li div.list_text h4{font-size:14px; color:#121820; font-weight:700; padding:0 0 3px 0; margin:-5px 0 0 0; line-height:21px;}
.top_list ul li div.list_text p{color:#999999; font-size:12px;}
.img_icon_inline{display:inline-block; position:relative; border:#ffc600 1px solid;}

.sunfly-sub{background-color:#121820; padding-bottom:7%; text-align:center;}
.sunfly-sub h2{font-size:34px; font-weight:300; text-align:center; padding:4.6% 0 3.5%; color:#FFF;}
.sunfly_text{text-align:center; display:inline-block;}
.sunfly_text img{margin:0 auto;}
.sunfly_text h3{font-size:16px; font-weight:300; color:#d6a608; text-transform:uppercase;}
.sunfly_text p{font-size:14px; padding:0; margin:0; color:#FFF; font-weight:300;}
.sunfly_text h5{font-size:14px; font-weight:300; color:#d6a608; padding:15px 0 4px; margin:0;}
.sunfly_text ul{font-size:14px; padding:0; margin:0 0 45px 0; color:#d0d1d2; font-weight:300;}
.sunfly_text ul li{padding:1px 0;}
.sunfly_text a.signup{font-size:14px;  color:#d6a608; padding:3px 0 4px; display:block; border:#d6a608 1px solid; display:block; text-decoration:none;}
.sunfly_text a.signup:hover{border-color:#FFF; color:#FFF;}
.sunfly_text p span{color:#ec0c0d;}

.player_text{position:absolute; width:45%; margin:0 auto; top:30%; z-index:30; color:#FFF; right:0;}
.player_text h3{font-size:23px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 10px 0; color:#FFF;}
.player_text h2{font-size:46px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 10px 0; color:#FFF;}
.player_text p{font-size:14px; padding:15px 0;}
.player_text a.start_profile_btn{font-size:14px;  font-weight:300; color:#d6a608; padding:3px 30px 4px; border:#d6a608 1px solid; display:inline-block; text-decoration:none;}
.player_text a.start_profile_btn:hover{border-color:#FFF; color:#FFF;}

.outer_screen_pos{position:relative; width:100%; float:left; clear:both; background:url(../images/bg3.jpg) repeat-x center bottom;}
.outer_bg2{ width:100%; float:left; clear:both;  background:url(../images/footer_bg.jpg) no-repeat center bottom; padding-bottom:90px;}
.screen{position:absolute; top:0; left:0; width:50%; z-index:100; margin-top:8%;}

.scren_btmtext{width:46%; position:relative; text-align:center; z-index:30; color:#000000; float:right; margin:6% 0;}
.scren_btmtext h3{font-size:23px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
.scren_btmtext h2{font-size:46px; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 30px 0;}
.scren_btmtext p{font-size:14px; padding:15px 0;}
.scren_btmtext a.start_profile_btn{font-size:17px; text-transform:uppercase;  font-weight:700; color:#ffffff; background-color:#d6a608; padding:5px 40px;  display:inline-block; text-decoration:none;}
.scren_btmtext a.start_profile_btn:hover{background-color:#000000;}

.footer{background-color:#0a0a0a; clear:both; font-family:'Myriad W01 Regular'; padding:10px 0 0;}
.footer ul{margin:0; padding:0; text-align:center;}
.footer ul li { list-style:none; display:inline-block; margin:0;}
.footer ul li a { color:#989898; overflow:toch-scroll; padding:0 9px; border-left:solid 1px #989898; line-height:13px; display:inline-block;   }
.footer ul li:first-child  a { border-left:0; }
.footer ul li a:hover {  color:#fff; text-decoration:none; }
.footer p { padding-top:25px 0 0 0; color:#989898; text-align:center; margin:0; }
.mob_nav, .fot_mob_nav { display:none; }
.footer p.copyright{padding:10px 0 20px;}

.player_page{background-color:#232428;}
#player_wrapper{width:100%; float:left; position:relative; z-index:20;}
.player_bg{width:100%; height:100%; position:fixed; left:0; right:0; z-index:10; top:0; bottom:0; background:url(../images/transparent_bg.png) no-repeat center center; background-size:cover;}
.currentsong{font-size:50px; font-size:3.2vw; font-weight:700;  position:relative; width:76%; margin:12%; color:#FFF;}
.currentsong span{color:#fff;}


.logo_inner{margin:20px 0 0 20px; position:fixed; z-index:30;}
#player_box{width:80px; position:relative; top:0; right:0; height:100%; background-color:#151922;  z-index:400; float:right; padding-bottom:30px;}
.box_button{position:absolute; background-color:#141820; top:50%; left:-60px; width:60px; text-align:center;} 
.box_button a{color:#43474e; font-size:10px; text-decoration:none; display:block; padding:6px 0; text-indent:-9999px; position:relative;}
.box_button a:hover{text-decoration:none; color:#FFF;}
.box_button a:before{content:'CLOSE >'; position:absolute; top:6px; left:0; width:100%; text-align:center; text-indent:0;}
.close_btn a:before{content:'OPEN >';}
.player_padd{margin:0 25px; padding:0; clear:both; border-top:#44484f 1px solid; display:none;}
.bgflow{width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/bgflow.png) repeat left top; display:none; z-index:99;}
.blur_text .bgflow{display:block !important;}

#innernav{width:100%; float:left; text-align:center; font-size:11px; text-transform:uppercase; padding:35px 0;}
#innernav ul{padding:0; margin:0;}
#innernav ul li{list-style-type:none; display:inline-block; padding:0 8px;}
#innernav ul li a{color:#FFF; text-align:center; display:block;}
#innernav ul li a span{display:block; margin:0 auto 10px; text-indent:-9999px; width:44px; background-position:left top; background-repeat:no-repeat; height:44px; -webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
#innernav ul li a:hover{text-decoration:none;}
#innernav ul li a:hover span{background-position:left bottom;}
#innernav ul li a.account_icon span{background-image:url(../images/account_btn.png);}
#innernav ul li a.customize_icon span{background-image:url(../images/customize_btn.png);}
#innernav ul li a.playlist span{background-image:url(../images/playlist_icon.png);}
#innernav ul li a.queue_icon span{background-image:url(../images/queue_icon.png);}
#innernav ul li a.search_icon span{background-image:url(../images/search_icon.png);}
.head04{color:#ffc600; font-size:34px; font-weight:300; background:url(../images/arrow2.png) no-repeat right center;}
.head04 span{color:#FFF;}

/*login box*/
#login_box .logo_login{width:100%; float:left; text-align:center; padding:35px 0;}
#login_box .logo_login img{max-height:65px;}
.login_feild{width:100%; text-align:center;}
.login_feild input[type=text], .login_feild input[type=password] {width:100%; max-width:264px; height:50px; line-height:50px; padding:0; margin:0; background-color:#2f3133; color:#808181; text-indent:10px; border:none; font-family: 'Roboto', sans-serif; font-size:13px; margin:0 0 1px 0;}
.login_feild input[type=submit] {font-size:22px; font-weight:400; font-family: 'Roboto', sans-serif; text-align:center; width:100%; max-width:264px; height:50px; border:#f3d257 1px solid; background: #ecbb01; /* Old browsers */
background: -moz-linear-gradient(top, #ecbb01 0%, #e7ab01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecbb01), color-stop(100%,#e7ab01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ecbb01 0%,#e7ab01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ecbb01 0%,#e7ab01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ecbb01 0%,#e7ab01 100%); /* IE10+ */
background: linear-gradient(to bottom, #ecbb01 0%,#e7ab01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecbb01', endColorstr='#e7ab01',GradientType=0 ); /* IE6-9 */ color:#000000;}


.check_login{max-width:224px; width:100%; margin:10px auto 0; text-align:left;}
.check_login input[type=checkbox] {display:none;}
.check_login label{display:inline-block; padding:0 0 0 27px; position:relative; color:#808181; font-size:13px; font-weight:400;}
.check_login label:before{display: inline-block; width:15px; height:16px; content:''; left:0; position:absolute; border:#d6a608 1px solid; border-radius:2px; top:3px;}
.check_login input[type=checkbox]:checked + label:before{background:url(../images/check_on.png) no-repeat center center;}

.last_played{padding:0 0 0 25px;}
.last_played h4{font-size:20px; font-weight:300; color:#dbdbdb; text-transform:uppercase; padding:15px 0 10px;}
.last_played div.played_img{float:left; border:#ffc600 1px solid;}
.last_played div.played_text{float:left; margin-left:10px;}
.last_played div.played_text h3{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;}
.last_played div.played_text p{color:#999999; font-size:12px;}
.last_played div.social_played{float:right;}
.last_played div.social_played a{margin:0 3px;}

.your_played{width:100%; clear:both; padding:35px 0 0 25px;}
.your_played h4{font-size:20px; font-weight:300; color:#dbdbdb; text-transform:uppercase; padding:15px 0 10px;}
.audio_songs{width:100%; float:left; padding:0 0 10px 0;}
.audio_songs div.audio_text{float:left; padding-left:50px; background:url(../images/icon_audio.png) no-repeat left 2px;}
.audio_songs div.audio_text h3{font-size:14px; font-weight:700; padding:0 0 8px 0; margin:0; color:#efefef;}
.audio_songs div.audio_text p{color:#999999; font-size:12px;}
.audio_songs div.playsong{float:right;}
.audio_songs div.playsong a{font-size:14px; font-weight:700; color:#efefef;}

.signout{width:100%; float:left; padding:15px 0; text-align:center;}
.signout a{color:#d6a608; font-size:14px; font-weight:300; background-color:#0f1219; border-radius:2px; border:#363636 1px dashed; padding:14px 25px; line-height:12px;}
.signout a span{background:url(../images/signout.png) no-repeat right 2px; padding-right:30px;}
.signout a:hover{color:#FFF; border-color:#FFF;}
.signout a:hover span{background-position:right bottom;}

ul.customize_tab{width:100%; float:left; font-size:15px; padding:15px 0 35px; margin:0;}
ul.customize_tab li{display:inline-block; margin:0 10px 0 0;}
ul.customize_tab li a{color:#ffc600; text-decoration:none; padding-left:34px;}
ul.customize_tab li a:hover{color:#FFF;}
ul.customize_tab li a.font_icon{background:url(../images/font_icon.png) no-repeat left top;}
ul.customize_tab li a.background_icon{background:url(../images/background_icon.png) no-repeat left top;}
ul.customize_tab li a.template_icon{background:url(../images/template_icon.png) no-repeat left top;}

.font_size{width:50%; float:left;}
.text2{font-size:15px; font-weight:700; color:#d6d7d7;  width:100%; float:left; clear:both;}
.font_colour{width:45%; float:right;}
.font_style{width:100%; float:left; clear:both;  padding:25px 0 0;}
.font_style p.text2{text-indent:10px;}

.customize_boxes{display:none;}
.font_style_box{width:100%; float:left; color:#d6d7d7; line-height:30px; display:none;}
.font_style_box ul{padding:0; margin:0;}
.font_style_box ul li{width:100%; float:left; list-style-type:none; padding:9px 10px; border:#141922 1px solid; cursor:pointer; margin:2px 0;}
.font_style_box ul li strong{font-weight:700; font-size:21px;  width:70%; display:block; float:left;}
.font_style_box ul li span{font-size:13px; width:28%; display:block; float:right;}
.font_style_box ul li:hover{border:#d6a608 1px solid;}

ul.background_galery{padding:0; margin:0;}
ul.background_galery li{width:48%; float:left; margin:8px 0; list-style-type:none; position:relative;}
ul.background_galery li:nth-child(2n){float:right;}
ul.background_galery li span{position:absolute; top:0; right:0;}
ul.background_galery li.active_bdr{border:#ffc600 2px solid;}

ul.template_galery{padding:0; margin:0;}
ul.template_galery li{width:48%; float:left; margin:8px 0; list-style-type:none; position:relative;}
ul.template_galery li:nth-child(2n){float:right;}
ul.template_galery li div.coloption{position:absolute; z-index:10; bottom:5px; left:5px;}
ul.template_galery li div.coloption span{width:26px; margin:0 5px 0 0; height:26px; border:#FFF 3px solid; display:inline-block; vertical-align:middle; cursor:pointer;}
ul.template_galery li div.coloption span:hover{border-color: #ffc600;}
ul.template_galery li div.coloption span img{vertical-align:top; max-width:20x; max-height:20px;}

.foundation_col{width:100%; float:left; color: #d6d7d7; font-size:14px; font-weight:600; padding:0 0 15px 0; position:relative;}
.foundation_col span.col_show{width:26px; height:26px; border:#FFF 3px solid; display:inline-block; vertical-align:middle; margin-right:10px;}
.foundation_col span.col_show img{vertical-align:top;  max-width:20x; max-height:20px;}

.col_box{border:#383838 3px solid; width:202px; height:auto; background-color:#000000;  position:absolute; top:30px; left:-75px; padding:5px; display:none;}
.col_box span{width:26px; margin:2px 1px; height:26px; border:#FFF 2px solid; display:inline-block; vertical-align:middle; cursor:pointer;}
.col_box span img{vertical-align:top;}
.col_box span:hover{border-color: #ffc600;}

.foundation_col:hover .col_box{display:block;}

.range_outer{width:100%; float:left;}
.range_small{font-size:17px; text-transform:uppercase; color:#d6d7d7; font-weight:400; display:inline-block; vertical-align:middle;}
.range_large{font-size:36px; text-transform:uppercase;  color:#d6d7d7; font-weight:700; display:inline-block; vertical-align:middle;}
.rangeslide{display:inline-block; vertical-align:middle;}

ul.font_pag{width:100%; float:left; clear:both; text-align:center; color:#7c7d7e; font-size:16px; font-weight:400; margin:0; padding:15px 0;}
ul.font_pag li{display:inline-block; list-style-type:none;}
ul.font_pag li:before{content:'|';}
ul.font_pag li:first-child:before{content:'';}
ul.font_pag li a{color:#7c7d7e; margin:0 5px;}
ul.font_pag li a:hover{color:#bf950d; font-weight:700;}
ul.font_pag li a.font_act{color:#bf950d; font-weight:700;}

.text3{font-size:12px; font-weight:700; color:#d6d7d7; padding:5px 0; width:100%; float:left; clear:both;}

.solidcol_box{width:100%; float:left; padding:0 0 10px 0;}
.solidcol_box span{width:26px; margin:0 6px 0 0; height:26px; border:#FFF 3px solid; display:inline-block; vertical-align:middle; cursor:pointer;}
.solidcol_box span img{vertical-align:top; max-width:20x; max-height:20px;}
.solidcol_box span:hover{border-color: #ffc600;}

.upload_div{width:100%; float:left; clear:both; padding:25px 0 0;}

.file_input_div{position: relative;	width: 100px; height: 32px; overflow: hidden;}
.file_input_button{	width: 100px; position: absolute; height:32px; 	top: 0px;background-color: #414141; color: #FFFFFF; border:none; color:#d6d7d7; font-size:13px; line-height:32px; text-align:center; cursor:pointer;}
.file_input_hidden{	font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0;}
.file_input_textbox{width:222px; height:32px; line-height:32px; text-indent:10px; float:left; background-color:#000; border:none; margin-right:4px; color:#d6d7d7; font-size:13px;}
.content{overflow: auto;position: relative;	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.now_playing{padding:0 0 0 25px;}
.now_playing h4{font-size:20px; font-weight:300; color:#dbdbdb; text-transform:uppercase; padding:15px 0 10px;}
.now_playing div.played_img{float:left; border:#ffc600 1px solid;}
.now_playing div.played_text{float:left; margin-left:10px;}
.now_playing div.played_text h3{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;}
.now_playing div.played_text p{color:#999999; font-size:12px;}
.now_playing div.social_played{float:right;}
.now_playing div.social_played a{margin:0 3px;}

.playlist_block{width:100%; float:left; padding:0 15px;}
.playlist_block h4{font-size:20px; font-weight:300; color:#dbdbdb; text-transform:uppercase; padding:15px 0 10px; margin:0;}
.playlist_block h4 a{font-size:13px; font-weight:700; float:right; text-transform:none; color:#FFF; padding:7px 0 0;}

.playlist_drag{width:100%; float:left; border-radius:20px; background-color:#0f131a;}
.playlist_drag .play_songs{width:100%; float:left; color:#c1c2c2; font-size:13px; font-weight:400;  padding:6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.playlist_drag h5{background-color:#000000; padding:12px 8px; border-radius:20px; color:#454545; font-size:13px; font-weight:400; text-indent:10px; margin:0;}
.playlist_drag .play_songs p{padding:0; margin:0;}
.playlist_drag .play_songs p:first-child{display:inline-block; float:left;  vertical-align:top;}
.playlist_drag .play_songs p:first-child + p{float:right; display:inline-block; vertical-align:top; }
.playlist_drag .play_songs p:first-child + p a{color:#ffc600;}
.playlist_drag .play_songs p:first-child + p a:hover{color:#ffffff;}
.playlist_drag .play_songs p:first-child + p span{text-align:right; display:none;}
.playlist_drag .play_songs:hover p:first-child + p span{text-align:right; display:block;}
.playlist_drag .play_songs:hover p:first-child + p a{text-align:right; display:none;}
.playlist_drag .play_songs:hover{background-color:#0f1114; box-shadow:0 0 9px #32363d; margin:0 -8%; width:116%;}
.playlist_drag .play_padd{padding:10px;}
.playlist_drag .play_songs:hover {padding:6px 12%; cursor:move; position:relative;}
.playlist_drag .play_songs:hover:before{content: "\f0c9"; position:absolute; top:3px; left:10px; font-size:16px; font-family: 'FontAwesome'; font-weight:normal;}

.playlist_drop{width:100%; float:left; border-radius:4px; background-color:#0f1216; border:1px dashed #7b7b7c; }
.playlist_drop .play_songs{width:100%; float:left; color:#2b2d2e; font-size:13px; font-weight:400;  padding:6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.playlist_drop .play_songs p{padding:0; margin:0;}
.playlist_drop .play_songs p:first-child{display:inline-block; float:left;  vertical-align:top;}
.playlist_drop .play_songs p:first-child + p{float:right; display:inline-block; vertical-align:top; }
.playlist_drop .play_songs p:first-child + p span{text-align:right;}
.playlist_drop .play_padd{padding:10px;}
.playlist_drop .play_songs p:first-child + p a{display:none;}
.playlist_drop .ui-draggable{top:0 !important; left:0 !important;}

.playdrop_current{width:100%; float:left; padding:20px 0 10px;}
.playdrop_current h5{font-size:20px; font-weight:300; color:#dbdbdb;  padding:0 0 6px; margin:0;}
.playdrop_current h5 a{font-size:12px; font-weight:400; color:#d6a608; text-decoration:none; margin:0 0 0 5px;}
.playdrop_current h5 a:hover{color:#FFF;}
.playdrop_current h6{margin:0; padding:0; color:#535353; font-size:13px;}

.onpage { clear: both; position: absolute; margin: 0px; }

.upnext{width:100%; float:left; padding:0 0 0 25px;}
.upnext ul{padding:0; margin:0; text-align:left;}
.upnext > h4{font-size:20px; font-weight:300; color:#dbdbdb; text-transform:uppercase; padding:35px 0 10px; margin:0;}
.upnext ul li{width:100%; float:left; list-style-type:none; padding:10px 0;}
.upnext ul li div.list_icon{width:27%; float:left; position:relative;}
.upnext ul li div.list_icon span{width:17px; height:17px; line-height:14px; font-size:13px; color:#ffffff; text-align:center; background-color:#d73437; position:absolute; top:0; right:0;}
.upnext ul li div.list_text{width:71%; float:right;}
.upnext ul li div.list_text h4{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;}
.upnext ul li div.list_text p{color:#999999; font-size:12px;}

.advert_box{position:fixed; width:100%; top:0; z-index:999; color:#FFF; right:0; background:url(../images/advertbg.png) repeat left top; bottom:0; right:0;}
.advert_box .advert_img{position:fixed; bottom:20px; width:100%; text-align:center;}
.inline_advert{display:inline-block; position:relative;}
.advert_box h2{padding-bottom:15px;}
.close_advert{width:21px; height:21px; background-color:#000000; border-radius:21px; display:block; font-size:12px; position:absolute; right:-10px; top:-10px; cursor:pointer;}

#current_player{position:fixed; bottom:10px; left:10px; z-index:300; width:47%;}
.player_aud{float:left; width:27%;}
.playing_box{float:right; padding:45px 0 0 0; width:70%;}
.player_lirix{font-size:13px; text-transform:uppercase; color:#FFF; font-weight:300; float:left; padding:0 0 15px;}
.player_lirix span{font-weight:700;}
.buysong{text-transform:uppercase; color:#ffc600; float:left; padding-left:10px; font-size:13px;}
.buysong a{color:#ffc600; background:url(../images/buy_icon.png) no-repeat left 0; padding:0 0 0 25px;}
.buysong a:hover{color:#FFF; background-position:left -29px;}
.sound_icon{float:left;}
.sound_icon a{display:block; float:left; margin-right:5px; height:25px;}
.sound_icon a.backward{background:url(../images/backward_icon.png) no-repeat left top; width:23px;}
.sound_icon a.stop{background:url(../images/stop_icon.png) no-repeat left top; width:20px;}
.sound_icon a.pause{background:url(../images/pause_icon.png) no-repeat left top; width:17px;}
.sound_icon a.next{background:url(../images/next_icon.png) no-repeat left top; width:17px;}
.sound_icon a.forward{background:url(../images/forward_icon.png) no-repeat left top; width:24px;}
.sound_icon a.link{background:url(../images/link_icon.png) no-repeat left top; width:29px;}
.sound_icon a.share{background:url(../images/link2_icon.png) no-repeat left top; width:31px;}
.sound_icon a.sound{background:url(../images/sound_icon.png) no-repeat left top; width:24px;}
.sound_icon a:hover{background-position:left -29px !important;}

ul.searchpag{padding:0; margin:10px 0; width:100%; float:left; color:#828385; font-size:13px; font-weight:400;}
ul.searchpag li{display:block; float:left; list-style-type:none; vertical-align:middle; position:relative; width:12.5px; }
ul.searchpag li a{color:#828385; width:12.5px; display:block;}
ul.searchpag li a:hover{color:#ffc600; font-size:32px; font-weight:700; position:absolute; top:-15px; z-index:9;}
ul.searchpag li a:hover:before{position:absolute; content: "\f111"; font-size:6px; font-family: 'FontAwesome'; bottom:-7px; left:10px;}

.searchouter{width:100%; float:left; clear:both; padding:15px 0 0;}
.search_drag{width:100%; float:left; clear:both;}
.search_list{width:100%; float:left; padding:12px 12px 12px 40px; position:relative;}
.search_list h4{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;}
.search_list h4 span{float:right;}
.search_list p{color:#999999; font-size:12px;  margin:0; padding:0;}
.search_drag .search_list:nth-child(even) {background-color:#141822;}
.search_drag .search_list:nth-child(odd) {background-color:#1b202b;}
.search_drag .search_list:before{content: "\f0c9"; position:absolute; top:19px; left:10px; font-size:16px; font-family: 'FontAwesome'; font-weight:normal; color:#efefef;}

.search_current{position:absolute; top:30px; left:-320px; width:300px;}

.search_drop{width:100%; float:left; border-radius:4px; background-color:#0f1216; border:1px dashed #7b7b7c; }
.search_drop .search_list{width:100%; float:left; color:#2b2d2e; font-size:13px; font-weight:400;  padding:6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.search_drop .search_list p{padding:0; margin:0; color:#2b2d2e;}
.search_drop .search_list p:first-child{display:inline-block; float:left;  vertical-align:top;}
.search_drop .search_list p:first-child + p{float:right; display:inline-block; vertical-align:top; }
.search_drop .search_list p:first-child + p span{text-align:right;}
.search_drop .play_padd{padding:10px;}
.search_drop .search_list p:first-child + p a{display:none;}
.search_drop .ui-draggable{top:0 !important; left:0 !important;}

.search_currenthead{width:100%; float:left; padding:20px 0 10px;}
.search_currenthead h5{font-size:20px; font-weight:300; color:#dbdbdb;  padding:0 0 6px; margin:0;}
.search_currenthead h5 a{font-size:12px; font-weight:400; color:#d6a608; text-decoration:none; margin:0 0 0 5px;}
.search_currenthead h5 a:hover{color:#FFF;}
.search_currenthead h6{margin:0; padding:0; color:#dbdbdb; font-size:13px;}

.browse_link{display:inline-block; padding:0 0 0 5px; font-weight:400;}
.browse_link a{color:#e6e6e6; font-size:13px; margin:0 2px;}
.browse_link a:hover{color: #ffc600;}
.browse_link a.activelnk{color: #ffc600;  font-size: 34px;  font-weight: 300;}
.soundslide{float:left;}

#upnext{position:absolute; bottom:20px; right:70px; z-index:200;}
#upnext h4{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;}
#upnext h4 span{float:right;}
#upnext p{color:#999999; font-size:12px;  margin:0; padding:0;}
#upnext h2{font-weight:300; font-size:26px; color:#FFF; margin:0; padding:0 0 15px 0;}
.upnext_img{float:left; width:40%; max-width:112px;}
.upnext_text{float:left; margin-left:5%; width:55%;}

.browsebox{width:100%; float:left; padding:15px 0 5px; border-bottom:#45484f 1px solid;}
.browsebox input[type=text] {width:100%; font-size:18px; font-weight:300; color:#bbbcbe; background:none; border:none; font-family: 'Roboto', sans-serif;}

.time{position:absolute; color:#ffc600; font-size:16px; font-weight:700; left:38px; top:71px;}
.play_ic{display:inline-block; background:url(../images/play_ic.png) no-repeat left top; width:25px; height:31px; display:inline-block; vertical-align:middle; margin:0 5px 0 0;}

.customer-account-forgotpassword .col1-layout .col-main, .customer-account-create .col1-layout .col-main{max-width: 434px; margin:0 auto;}

/*.whiteinner span {
    line-height: 1.2em;
    position: relative;
    width: 50%;
}
.whiteinner span i {
    color: #ec008c;
    display: block;
    font-style: normal;
    height: 100%;
    left: 0;
    line-height: normal;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: nowrap;
}*/


/*.blur_text .currentsong{ color: transparent; text-shadow: 0 0 11px #ffffff;}
.blur_text .currentsong span{color: transparent; text-shadow: 0 0 11px #ec008c;}*/

.play_songs p a{color:white!important;}
.play_songs p a:hover{color:yellow!important;}