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;}
#overlay{ position:absolute;}
.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:#47c4f0 /*url(../images/beta-version-logo.png) no-repeat right 0*/;}
.logo-bg .logo_black h1.logo a{ max-width:210px;  display: inline-block;}
.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:15px; font-weight:400; width:auto; float:right; padding:0; margin:0; text-align:center;}
#navigation ul.menu li{display:inline-block; list-style-type:none; margin-bottom:16px; margin-left:0px; padding:0px 17px;}
#navigation ul.menu li a{color:#000100; text-decoration:none; display:block; padding:0px; line-height:28px; text-transform:uppercase; letter-spacing:1px;border-bottom:2px solid #00aae6;}
#navigation ul.menu li a:hover{color:#000;}
#navigation ul.menu li:hover a{ border-bottom:2px solid #000;}
#navigation ul.menu li.active a{ border-bottom:2px solid #000;}
#navigation ul.menu li:last-child{ padding-right:0px;}

#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; font-weight:400; text-transform:uppercase; }
#navigation ul.hnav > li > a span{border-bottom:2px solid #fff; display:block;}
#navigation ul.hnav > li > a:hover span{border-bottom:2px solid #000;}

#navigation ul.hnav > li > ul{display:none; position:absolute; width:100%; background-color:#000000; float:left;  left:12px !important; top:50px; 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:#5ebfc8; 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:#5ebfc8; 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:0px 0;  border-bottom:#121820 2px solid;}
.inner_navigation #navigation ul{font-size:14px;}
.inner_navigation #navigation ul li a{padding:14px 12px;}
.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;  margin:0 0px; float:left;}
ul.useful-links li a{color:#000000; text-decoration:none;}
ul.useful-links li a.login{ border:#d6a608 0px solid; display:inline-block; text-decoration:none; color:#000; background:#fff;}
ul.useful-links li a:hover{color:#333;}

.islandscapegrrr { width:100%; height:100%; background:#fff; z-index:998; position:absolute; padding:2em; text-align:center; color:#000; display:none; font-size:2em }
.islandscapegrrr .fa-mobile { font-size:3em; vertical-align:middle; margin-left:5px }
.islandscapegrrr .fa-reply { margin-left:15px; margin-right:5px; vertical-align:middle;  }
.islandscapegrrr .replycl { display:block; padding-bottom:15px }

.need-microphone-mixer{background-color:#fff; padding-bottom:2%; padding-top:3%; clear:both;}
.container-fluid.need-microphone-mixer .row {  margin: 0 auto;  max-width: 1120px;}
.need-microphone-mixer h2{font-size:57px; font-weight:600; text-align:center; padding:1% 0 4%; margin:0px; color:#19171c;}
.need-microphone-mixer p{font-size:17px; line-height:24px; font-weight:500; text-align:center;color:#19171c; margin-bottom:15px;}
.need-microphone-mixer .button-set{width:220px; margin:15px auto;}
.need-microphone-mixer .button-set a{font-size:15px; text-transform:uppercase;  font-weight:300; color:#000; background-color:#47C4F0; padding:15px 0px;  display:inline-block; text-decoration:none; width:100%; text-align:center; color:#fff; } 

.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:#fff 1px solid;}

.sunfly-sub.sub .container .row{ max-width:1120px; margin:0 auto;}

.sunfly-sub{background:url("../images/subscription-bg.png") no-repeat center center fixed; padding-bottom:0%; text-align:center; -webkit-background-size: contain; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:30px 0;}
.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; background:url("../images/sunfly-sub-text-bg.png") 0 0 repeat;padding:0 16px; width:100%;}
.sunfly_text img{margin:0 auto;}
/*.sunfly_text h3{font-size:23px; line-height:30px; font-weight:400; color:#000; text-transform:uppercase; margin-top:24px; min-height:94px;}*/
.sunfly_text h3{font-size:23px; line-height:30px; font-weight:400; color:#000; text-transform:uppercase; margin-top:24px; min-height:64px;}
.sunfly_text h3 strong{ display:block; font-weight:600;}
.sunfly_text h4{ font-size:13px; font-weight:600; margin:0;padding:0;}
.sunfly_text p{font-size:14px; padding:0; margin:0; color:#000; font-weight:500;text-transform:none;}
.sunfly_text h5{font-size:14px; font-weight:400; color:#000; padding:15px 0 4px; margin:0;}
.sunfly_text ul{font-size:13px; padding:0; margin:0 1% 45px 1%; color:#000; font-weight:300;}
.sunfly_text ul li{padding:3px 0; margin:0 1%; font-weight:400;}
.sunfly_text a.signup{font-size:14px;  color:#fff; padding:14px 0; display:block; border:#00AAE6 1px solid; background:#00AAE6; display:block; text-decoration:none;text-transform: uppercase;}
.sunfly_text a.signup:hover{ background:#47c4f0; border-color:#47c4f0; color:#fff;}
.sunfly_text span.signup{font-size:14px;  color:#000; padding:14px 0; display:block; border:#00AAE6 1px solid; background:#00AAE6; display:block; text-decoration:none;text-transform: uppercase; cursor: pointer; cursor: hand; margin-top:5px; }
.sunfly_text span.signup:hover, .slider-home .button-set a:hover, .need-microphone-mixer .button-set a:hover { background:#47c4f0; border-color:#47c4f0; }
.sunfly_text .button-set{ width:166px; margin:0 auto; padding-bottom:37px;}
.sunfly_text p span{color:#ec0c0d;}
.sunfly-sub .container .row{margin:0px;}
/*.sunfly-sub .container .row article.col-lg-4{ margin-top:6%; margin-bottom:6%; width:29.2%; margin-right: 6%; padding:0;}*/
/*.sunfly-sub .container .row article.col-lg-4{ margin-top:6%; margin-bottom:6%; width:50%; margin-right: 6%; padding:0;}
.sunfly-sub .container .row article.col-lg-4:last-child{ margin-right:0px;}*/



.player_text{ margin:0 auto;  color:#1a181d; text-align:center;}
.player_text h3{font-size:18px; font-weight:400; text-transform:uppercase; margin:0; padding:0 0 14px 0; color:#1a181d;}
.player_text h2{font-size:54px; font-weight:400; text-transform:uppercase; margin:0; padding:0 0 14px 0; color:#1a181d;}
.player_text p{font-size:15px; padding:15px 0; font-weight:400;}
.player_text a.start_profile_btn{font-size:14px; font-weight:300; color:#000; padding:14px 30px 14px; border:#fff 1px solid; background:#fff; display:inline-block; text-decoration:none;}
.player_text a.start_profile_btn:hover{border-color:#FFF; color:#000;}
.container-fluid.demo-player{background:#47c4f0;padding:4.6% 0 4% 0;}
.container-fluid.demo-player .row{max-width:1120px; margin:0 auto;}
.container-fluid.demo-player .player_left{ float:left;}
.container-fluid.demo-player .player_left img { max-width:100%; height:auto;}

.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:0px;}
.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;}

.container-fluid.new-connect{background:#f9ee58;padding:0;}
.container-fluid.new-connect .row{max-width:1120px; margin:0 auto;}
.new-connect .art-txt{padding:0 0px 0 53px;text-align:center;}
.new-connect .last_article .art-txt{padding:0 53px 0 0px;}
.new-connect .art-txt .icon-img{ text-align:center; width:48px; margin:0 auto;padding-top:38px;}
.new-connect .art-txt h2{font-size:26px; font-weight:600; text-transform:uppercase; margin:0; padding:14px 0 5px 0;}
.new-connect .art-txt p{font-size:13px; line-height: 22px; padding:15px 0;font-weight:500; }
.new-connect .art-txt .button-set{width:144px; margin:0 auto;}
.new-connect .art-txt .button-set .v-more{font-size:15px; text-transform:uppercase;  font-weight:300; color:#000; background-color:#5ebfc8; padding:15px 0px;  display:inline-block; text-decoration:none; width:100%;}
.new-connect div.img{ max-width:427px; margin:0 auto;}

.footer{background-color:#2a2a2c; clear:both;  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 0px #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:left; margin:0; line-height:18px; color:#fff;  font-weight:600; font-size:14px; }
.mob_nav, .fot_mob_nav { display:none; }
.footer p.copyright{padding:10px 0 20px;}

.player_page{ background-color:#47c4f0;  }
#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-image:none; background:#47c4f0;  z-index:1;}
.player_bg.full_scrn { z-index:999; }
.currentsong{font-size:50px; font-size:3.2vw; font-weight:700;  position:absolute; z-index:31; width:76%;/* margin:2% 12% 12% 12%;*/ color:#FFF;  top:50%; margin:-212px 12% 12% 12%;}



.logo_inner{margin:20px 0 0 20px; position:fixed; z-index:30; width:296px; height:63px  }
.logo_inner .st0{fill:#FFFFFF;}
.logo_inner .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.logo_inner .st2{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-width:3;}

#player_box{width:80px; top:0; right:0; height:100%;  z-index:400; float:right; padding-bottom:30px; background-color:#00aae6; overflow:auto !important;overflow-X:hidden !important; min-height:inherit !important;  position:absolute; padding:0 9px;}
.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; 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 20px 0;}
#innernav ul{padding:0; margin:0;}
#innernav ul li{list-style-type:none; display:inline-block; padding:0 6px; margin-bottom:12px;}

#innernav ul li a span{display:block; margin:0 auto 3px; color:#fff; background-position:left top; background-repeat:no-repeat; -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,
#innernav ul li a.active span{background-position:left bottom;}


#innernav ul li a span { text-indent:0; height:auto; width:auto; color:#fff; }
#innernav ul li a { color:#fff; display:block; clear:both; height:68px; width:55px; }
#innernav ul li .fa-stack { display:block; clear:both; height:44px; margin-bottom:4px }
#innernav ul li .fa-stack-2x { font-size:3.8em }
#innernav ul li .fa-stack-1x { font-size:1.6em; top:12px; }
#innernav ul li a:hover, #innernav ul li a span:hover { color:#93DFE6 }

.tracknotice { position:fixed; top:5px; left:340px; color:#fff; font-family:'Raleway', arial, sans-serif; font-size:3em; font-weight:300;  }


.head04{color:#fff; font-size:34px; font-weight:300; }
.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;}
fieldset.login_feild{ background:#fff; border:0px; padding:2.35em 0.625em 0.75em;}
.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:#ddd; color:#000; 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:20px; font-weight:300; font-family: 'Roboto', sans-serif; text-align:center; width:100%; max-width:264px; height:50px; border:#5ebfc8 1px solid; background:#5ebfc8; text-transform:uppercase; /* Old browsers */}


.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:#ffffff 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;}

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 27px 0 0;}
ul.customize_tab li a{ color:#fff; text-decoration:none; padding-left:40px; padding-top:3px; }
ul.customize_tab li a:hover{ color:#FFF; }
ul.customize_tab li a.font_icon{ color:#FFF; background:url(../images/font_icon1.png) no-repeat left top; }
ul.customize_tab li a.background_icon{ color:#FFF; background:url(../images/background_icon1.png) no-repeat left top;}
ul.customize_tab li a.template_icon{ color:#FFF; background:url(../images/template_icon1.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; height:89px; overflow:hidden;}
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:#fff 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: #fff;}
ul.template_galery li div.coloption span img{vertical-align:top; max-width:20x; max-height:20px;}


.foundation_col_f{width:100%; float:left; color: #d6d7d7; font-size:14px; font-weight:600; padding:0 0 15px 0; position:relative;}
.foundation_col_f span.col_show_f{width:26px; height:26px; border:#FFF 3px solid; display:inline-block; vertical-align:middle; margin-right:10px;}
.foundation_col_f span.col_show_f 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_f{border:#383838 3px solid;z-index:99999; width:202px; height:auto; background-color:#000000;  position:absolute; top:25px; left:-75px; padding:5px; display:none;}
.col_box_f span{width:26px; margin:2px 1px; height:26px; border:#FFF 2px solid; display:inline-block; vertical-align:middle; cursor:pointer;}
.col_box_f span img{vertical-align:top;}
.col_box_f span:hover{border-color: #fff;}





.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: #fff;}


.foundation_col:hover .col_box{display:block;}
.foundation_col_f:hover .col_box_f{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:#fff; 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 5px 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: #fff;}

.upload_div{width:100%; float:left; clear:both; padding:25px 0 20px;}
.upload_div .file_input_div{width:100%; text-align:center; margin-top:10px; float:left;}
.upload_div .file_input_div .file_input_button{ position:static; line-height:inherit; background:#fff; color:#000;}

.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:#fff 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 2px;}
.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:#fff;}
.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; margin-bottom:50px; 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{margin-right:15px;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{float:right;}
.upnext ul li div.list_text h4{font-size:14px; font-weight:700; padding:0 0 5px 0; margin:0; color:#efefef;cursor:pointer;}
.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{margin:0 auto;}
.player_aud{float:left; width:27%; position:relative;}
.playing_box{float:left; padding:15px 0 0 0; width:100%;}
.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:#fff; float:left; padding-left:10px; font-size:13px;}
.buysong a{color:#fff; background:url(../images/buy_icon.png) no-repeat left 0; padding:0 0 0 25px;}
.buysong a:hover{color:#ffc600; background-position:left -29px;}
.sound_icon{float:left;}
.sound_icon .fa-stack { font-size:0.8em;  }
.fa-stack .fa-backward { margin-left:7px; font-size:16px !important }
.fa-stack .fa-stop { margin-left:10px; font-size:16px !important }
.fa-stack .fa-forward { margin-left:11px; font-size:16px !important }

/*.full_screen .fa-stack-2x { font-size:1.2em }*/
.full_screen .playing_box { padding:3px 0 0 5px; }
 
.sound_icon a{display:block; float:left; margin-right:5px; height:34px; width:34px; font-size:0.7em; color:#fff; }
.sound_icon a.backward{}
.sound_icon a.stop{}
.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 {}
.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; margin:2px }
ul.searchpag li a{color:#828385; display:block;}
ul.searchpag li a:hover{color:#ffc600; font-size:22px; font-weight:700; text-decoration:none;}
/*ul.searchpag li a:hover:before{position:absolute; 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:12px; 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 0px; font-weight:400;}
.browse_link a{color:#e6e6e6; font-size:13px; margin:0 2px;}
.browse_link a:hover{color: #fff;}
.browse_link a.activelnk{color: #fff;  font-size: 22px;  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; border-bottom:#45484f 1px solid; position:relative; height:55px;}
.browsebox #browse_songs{position:absolute; right:0px;}
.browsebox input[type=text] {width:87% !important; font-size:18px; font-weight:300; color:#bbbcbe; background:none; border:none; font-family: 'Roboto', sans-serif; float:left}
#browse_songs_input::-webkit-input-placeholder, #browse_artist_text::-webkit-input-placeholder { color:#efefef; }
.time{position:absolute; color:#ffc600; font-size:16px; font-weight:700; left:74px; top:59px; }
.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;}
.pause_ic{display:inline-block; background:url(../images/pause_ic.png) no-repeat left top; width:30px; height:45px; display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#greeting_outer{ float:left; width:100% !important; background:#ccc; }
.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;}
#browse_songs{
	background: rgba(0, 0, 0, 0) url("../images/go_btn.png") no-repeat scroll right center;
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	text-decoration:none;
	cursor:pointer;
}
#browse_artists{
	background: rgba(0, 0, 0, 0) url("../images/go_btn.png") no-repeat scroll right center;
	display: block;
	float: right;
	width: 31px;
	height: 31px;
	text-decoration:none;
	cursor:pointer;
}
#addsingerbtn{
background: rgba(0, 0, 0, 0) url("../images/go_btn.png") no-repeat scroll right center;
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	text-decoration:none;
	cursor:pointer;
}






/* checkout */
#aw-onestepcheckout-container{ padding:20px 0px !important;}
.continue-shopping {
	display: inline-block;
	color: #5ebfc8;
	font: bold 12px arial;
	padding: 0 0 0 17px;
	background: url(../images/check-icon-arrow.png) no-repeat 0 center;
	margin-bottom: 16px;
}
.continue-shopping:hover{
	color: #000;
	background: url(../images/check-icon-arrow-hvr.png) no-repeat 0 center;
}
.error-text{
	background: #fae1e1;
	color: #bc2d2d;
	text-align: center;
	padding: 9px;
	border: 1px solid #f4cfcf;
	font-weight: bold;
	margin-bottom: 13px;
	overflow: auto;
}
.success-text{
	background: #dff0d8;
	color: #3c763d;
	text-align: center;
	padding: 9px;
	border: 1px solid #d6e9c6;
	font-weight: bold;
	margin-bottom: 13px;
	overflow: auto;
}
.checkout-mid-sec{
	border: 1px solid #ebebeb;
	padding: 26px 0;
}
.checkout-mid-sec .col-check{
	width: 46%;
	float: left;
	margin-right: 8%;
	}
	.checkout-mid-sec .col-check-last{
	width: 46%;
	float: left;
	}
.checkout-mid-sec .payment-detail-sec
{
	padding: 0 3.5% 26px;

}
.checkout-mid-sec h3 {
	font-family:'Myriad W01 Bd Cnd';
	color: #000;
	font-size: 21px;
	margin-bottom: 22px;
	text-transform: uppercase;
}
.checkout-mid-sec label{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-bottom: 11px;
	text-transform: uppercase;
}
.required{
	color: #a47400;
}
.checkout-mid-sec input[type="text"], .checkout-mid-sec select{
	display: block;
	background: #fff;
	border: none;
	color: #000;
	font-size: 14px;
	padding: 9px 3% 12px;
	margin-bottom: 15px;
	width: 100%;
	border:solid 1px #ccc; height:auto;
}
.checkout-mid-sec label.check-label{
	font-weight: normal;
	text-transform: capitalize;
	width: 100%;
	margin: 11px 0 26px 55%;
}
.checkout-mid-sec input[type="checkbox"].checkout-check {
	margin-right: 9px;
}
.checkout-mid-sec .delivery-address-sec,
.checkout-mid-sec .payment-sec
{
	padding: 26px 3.5%;
	border-top: 1px solid #ebebeb;
}
.checkout-mid-sec .payment-sec
{
	padding-bottom: 0;
	}
.checkout-mid-sec .delivery-address-sec label.check-label {
	margin: 0 0 0 0;

}
.checkout-mid-sec .what-this a {
	font-size: 12px;
	color: #787878;
	text-decoration: underline;
	display: inline-block;
}
.checkout-mid-sec .btn-pay-now {
	border: none;
	font-family:'Myriad W01 Bd Cnd';
	color: #fff;
	font-size: 21px;
	 margin: 21px 0 26px;
	padding: 15px 0 13px;
	text-align: center;
	width: 100%;

}
.checkout-mid-sec .expire-date span,
.checkout-mid-sec .select-country span {
    background: #f4f4f4 url("../images/icon-select.png") no-repeat right 13px ;
    display: inline-block;
    margin-left: 5px;
    overflow: hidden;
    width: 150px;
}
.checkout-mid-sec .expire-date span,
.checkout-mid-sec .select-country span
 {
    margin-right: 5px;
    overflow: hidden;
    width: 81px;
    margin-left: 0;
}
.checkout-mid-sec .select-country span {
	width: 100%;
}
.checkout-mid-sec .expire-date span select,
.checkout-mid-sec .select-country span select
 {
    background: none;
    border: none;
    color: #000;
    padding: 9px 0 0 12px;
    width: calc(150px + 32px);
}
.checkout-mid-sec .select-country span select
 {
 	width: calc(100% + 32px);
 	}

.checkout-mid-sec .expire-month,
.checkout-mid-sec .expire-year{
	float: left;
}
.error {
	border: 1px solid #f57d7d !important;
}
/* end checkout */



.clearqueue .fa { color:#fff; cursor:pointer; cursor:hand; }



.widget.widget-static-block{ background:#f9ee58;}
.slider-home{ max-width:1120px; margin:0 auto; padding:3.8% 0;}
.slider-home h2{ text-transform:uppercase; font-size:25px; font-weight:400; color:#000; margin-top:20px; margin-bottom:90px; letter-spacing:1px; text-align:center;}
.slider-home p{  font-size:17px; font-weight:400; color:#010101; text-align:center; padding:0 44px;}
.slider-home .button-set{ margin:0 auto; width:206px; padding-top:30px;}
.slider-home .button-set a{font-size:16px; text-transform:uppercase; color:#fff; padding:14px 0px; border:#00aae6 2px solid; background:#00aae6; display:inline-block; text-decoration:none; width:100%; text-align:center;}
.slider-home .button-set a:hover { background:#47c4f0; border-color:#47c4f0; }
ul.bxslider li{ margin:0px !important;}
.bx-caption{ display:none;}
.bx-wrapper {
    margin: 0 auto 0px;
    padding: 0;
    position: relative;
}
.bx-wrapper img {
    display: block;
    max-width: 100%;
}
.bx-wrapper .bx-viewport {
    background:none;
    border: 0px solid #fff;
    box-shadow: 0 0 0px #ccc;
    left: 0px;
    transform: translateZ(0px);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    top: 45px;
    position: absolute;
    width: 200px;
	right:15%;
}
.bx-wrapper .bx-loading {
    background: #fff url("images/bx_loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    min-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    color: #666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff89c none repeat scroll 0 0;
    border-radius: 25px;
    display: block;
    height: 22px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 22px;
	border:3px solid #333;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff  none repeat scroll 0 0;
}
.bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url("images/controls.png") no-repeat scroll 0 -32px;
    left: 10px;
}
.bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("images/controls.png") no-repeat scroll -43px -32px;
    right: 10px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    background: rgba(0, 0, 0, 0) url("images/controls.png") no-repeat scroll -86px -11px;
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    background: rgba(0, 0, 0, 0) url("images/controls.png") no-repeat scroll -86px -44px;
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 9px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 200px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper .bx-caption {
    background: rgba(80, 80, 80, 0.75) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 0.85em;
    padding: 10px;
}



.col-main .lft_sec {
    float: left;
    width: 72.6%;
}
.col-main .rgt_sec {
    float: right;
    padding-bottom: 20px;
    width: 25.7%;
}
.basket-sum .basket-sum-strip {
    background: #ececec none repeat scroll 0 0;
    overflow: auto;
    padding: 14px 13px 11px;
    width: 100%;
}
.basket-sum .basket-sum-strip .basket-title, .basket-sum .basket-sum-mid .basket-title {
    color: #000;
    float: left;
    font-weight: bold;
}
.basket-sum .basket-sum-strip .basket-total, .basket-sum .basket-sum-mid .basket-total {
    color: #000;
    float: right;
    font-weight: bold;
}
.basket-sum .basket-sum-strip .edit {
    color: #5ebfc8;
    float: right;
    font-weight: bold;
}
.basket-sum .basket-sum-strip .edit:hover {
    color: #000;
}
.basket-sum .basket-sum-strip .edit span {
    margin-left: 3px;
}
.basket-sum .basket-sum-mid {
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 19px 13px;
}
.basket-sum .basket-sum-mid .basket-group {
    margin-bottom: 22px;
}
.basket-sum .basket-sum-mid .basket-text {
    color: #666;
    font-family: "Myriad W01 SmBd";
    font-size: 12px;
}
.basket-sum .basket-sum-mid .mrL3 {
    margin-left: 5px;
}
.basket-sum .basket-sum-mid .fontBlack {
    color: #000;
}
.basket_pg h2 span {
    background: rgba(0, 0, 0, 0) url("../images/icon-basket.png") no-repeat scroll 13px center;
}
.basket_pg .select_purchase {
    margin-bottom: 19px;
    margin-top: 23px;
}
.basket_pg .select_purchase label {
    color: #3e3e3e;
    float: left;
    font: bold 15px arial;
    margin: 5px 8px 0 42px;
}

/* new theame */


aside a{ color:#000;}
aside a:hover{ color:#000;}


.white { color:#fff; }
.last_played h4{ color:#000;}
.myaccount, .signout, .upgrademe { padding:10px; float:left; margin-top:40px; clear:both; width:100%; border:2px solid #fff; color:#fff; font-weight:700; text-align:center;  }
.myaccount:hover, .signout:hover { border:2px solid #93DFE6; color:#93DFE6; text-decoration:none;  }
.upgrademe { background:#00D936; margin-top:20px; }
.upgrademe:hover { background:#CFFFBF; border:2px solid #238C00; color:#238C00; text-decoration:none; }
.playlist_drag{ background-color:#2a2a2a;}
.font_style_box ul{border: 1px dashed #7b7b7c;  border-radius: 5px; margin: 0;  overflow: hidden; padding: 0;}
.font_style_box ul li{ background:#000; border:0px solid #fff; margin:0; padding:5px 10px;}
.font_style_box ul li:first-child{ padding-top:20px;}
.font_style_box ul li:last-child{ padding-bottom:20px;}
.font_style_box ul li:hover{ border:0px solid #f9ee58;}
.font_style_box ul li strong{ font-weight:500; font-size:15px;}
.text2{ color:#000; font-weight:500;}
.foundation_col{ color:#000; font-weight:400;}
.range_small{ color:#fff;}
.range_large{ color:#fff;}
ul.customize_tab li a{ color:#000;}
.head04{ color:#fff;}
.playdrop_current h5 a{ color:#000;}
ul.searchpag li a{ color:#000;}
.browsebox input[type="text"]{ color:#fff; font-weight:400; }
.browse_link a.activelnk{ color:#000;}
.browse_link a{ color:#fff;}
ul.background_galery li{ border:2px solid transparent}
ul.background_galery li.active_bdr {border: 2px solid #f9ee58;}
.text3{color:#000; font-weight:500;}
.playlist_block h4{ color:#fff;}
.now_playing h4{color:#fff;}
ul.font_pag li a{ color:#000;}
ul.font_pag li a:hover{color:#f9ee58;}
ul.font_pag li a.font_act{ color:#fff;}

.last_played div.played_img{ border:1px solid #fff;}

/*#innernav ul li a span{ background-position:left bottom; }
#innernav ul li a:hover{text-decoration:none;}
#innernav ul li a:hover span{background-position:left top;}*/
.slider > .highlight-track{ }

.now_playing{ padding-left:0;}
.now_playing .upnext{ padding-left:0;}
.now_playing .upnext ul li{ position:relative;}
.now_playing .upnext ul li .list_icon:before{content: "\f0c9"; position:absolute; top:2px; left:-31px; font-size:16px; font-family: 'FontAwesome'; font-weight:normal; color:#efefef;}
.now_playing .upnext ul li{ padding:12px 12px 12px 40px; background:#141822; color:#fff;}
.now_playing .upnext ul li:nth-child(2n+1){ background:#1b202b;}



ul#sortList li .list_text::before {
    color: #efefef;
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: normal;
    left: 7px;
    position: absolute;
    
}
ul#sortLists li .list_text::before {
    color: #efefef;
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: normal;
    left: 7px;
    position: absolute;
    
}

.list_text span h4 {
    color: #dbdbdb;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 1px 0 1px;
    text-transform: uppercase;
}

.now_playing .upnext ul li > div{  float:left;cursor:move;}
.now_playing .upnext ul li > div .img_icon_inline{ border:0;cursor:pointer;}
.now_playing .upnext ul li a{ color:#f9ee58;}
.now_playing .upnext ul li a:hover{ color:#f9ee58;}
.currentsong #text{ float:left; /*background-size:140% !important;*/}
.currentsong .playing_box{ position:relative; }
.currentsong .playing_box #fullscreen{ background: #333 ;  height: 28px;  position: absolute;  right: 0;  top: -28px;  width: 26px;}
.currentsong .playing_box #fullscreen img{ margin:1px 0 0;}
.currentsong .playing_box .buysong{ width:auto; margin-bottom:14px; float:right}

.playlist_drag .play_songs:hover{ margin:0 -5%; width:110%;}
.now_playing div.played_text p{ color:#000;}
.player_padd{ margin:0 10px;}

.playlist_block a.ng-isolate-scope{  display: inline-block;  margin-bottom: 10px;  padding: 10px 0px; color:#fef02d; font-size: 16px}
.playlist_block a.ng-isolate-scope + a.ng-isolate-scope{ background:none;}
.btn-primary{ background:#5ebfc8 !important; border-color:#5ebfc8!important; color:#000!important; text-shadow: 0 0 0 #fff !important; box-shadow: 0 0 0 #fff !important;}
.btn-primary:hover{ background:#5ebfc8!important; border-color:5ebfc8!important; color:#000!important;}

.player_aud .time{/*width: 120px;left: 25px;*/ text-align:center;}
ul.background_galery li img{ min-height:85px;}

.modal-content form#pop_add_song_form .modal-body .scroll-body{ max-height:300px;}
.modal-content form#pop_add_song_form .modal-body ul{ width:100%; float:left; background:#1b202b; border-radius: 8px; padding:0; margin:0;}
.modal-content form#pop_add_song_form .modal-body ul li { display:block; float:left; width:100%; color:#fff; padding:6px 20px;}
.modal-content form#pop_add_song_form .modal-body ul li p{ margin:0; padding:0;}
.modal-content form#pop_add_song_form .modal-body ul li:nth-child(2n){ background:#141822;}
.modal-content form#pop_add_song_form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-color:#5ebfc8; }

.playlist_new{ background:#0f131a; border-radius: 14px;    float: left;  width: 100%; margin-bottom:20px; padding-top:10px; padding-bottom:10px;}
.playlist_new .search_playlist_field{ float: left; margin: 0;  padding: 0;  width: 100%;}
.playlist_new .search_playlist_field input{background: #000;  border-radius: 50px;  color: #ddd;  height: 43px;  margin: 0;  padding: 0 22px}
.playlist_new .play_list{float: left;    width: 100%; max-height:250px;}
.playlist_new .play_list ul{background: #000 ;  margin: 10px; padding: 0;}
.playlist_new .play_list ul li{ float: left;display: table;  margin: 10px;  width: 42%; height:115px;}
.playlist_new .play_list ul li .text-holder{display: table-cell;text-align: center;text-shadow: 2px 2px #000000; vertical-align: middle; cursor:pointer; cursor:hand; }
.playlist_new .play_list ul li img{}
.playlist_new .play_list ul li h5{ color: #fff; font-size: 17px;  margin: 0;  padding: 0 10px;   text-transform: none;}
.playlist_new .play_list ul li p{ color: #fff;  margin: 0;  padding: 0 10px;}

aside#player_box{width:90px}

.cross_icon { background-color: #d73437; color: #ffffff; cursor: pointer; display: block; font-size: 13px; height: 17px; line-height: 14px; position: relative; right: -83px; text-align: center; top: -100px; width: 17px; }
.play_icon { position: relative; left: 20px; cursor: pointer; top: -132px; }
.plus_icon{ background-color: #d73437; color: #ffffff; cursor: pointer; display: block; font-size: 13px; height: 17px; line-height: 16px; position: relative; right: -83px; text-align: center; top: -99px; width: 18px; }
.close_slider { float: right; width: 100%; padding:10px 0 10px 0; cursor: pointer; cursor: hand; clear:both; color:#fff; font-size:30px; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:15px; text-align:right;  }
.close_slider:hover { color:#47C4F0 }
.play_img{ position: absolute; right: 18px; top: 18px; width: 31px; cursor:pointer; }
.added { color:red !important; }
.list_view{display:none;}
[ng\:cloak], [ng-cloak], .ng-cloak { display: none; }
#greeting_inner{width: 100%; width: -webkit-calc(100% - 38px); width: -moz-calc(100% - 38px); width: calc(100% - 38px); float: left; background:#ccc; }
.full_scrn .currentsong{height:100%; margin:0px; width:100%; position:relative !important; top:0px;}
.full_scrn .currentsong .full_screen{height:100% !important;}
.full_scrn .currentsong .full_screen .full_screen_control{position:absolute; bottom:0px; width:100%; height: 70px; /*overflow: hidden;*/}
.full_scrn .currentsong .full_screen .text-format{height: 100%  !important; height: -webkit-calc(100% - 70px)  !important; height: -moz-calc(100% - 70px)  !important; height: calc(100% - 70px) !important; background-position: 0 0;} 
.full_scrn .currentsong #text{background-size: 100% 100%;}
#fullscreen, #screennormal{cursor:pointer; background:#ccc url(../karaoke/images/full_screen.png) no-repeat 0 0; float:left; width:35px; height:25px; float: left; margin:3px 0px 0px 3px;}
#screennormal{background:url(../karaoke/images/exit_full_screen.png) no-repeat 0 0;}
#fullscreen img, #screennormal img{display:none}
.reset_link{clear: both; color:#fff; display: block; float: left; font-size: 15px; font-weight: bold; text-align: right; width: 100%}

#font_box .noUi-horizontal{height:6px}
#font_box .noUi-background{ background:#000; box-shadow:0 0 0; border:0px;}
#font_box .noUi-horizontal .noUi-handle{width:25px; height:20px; top:-7px; border: 1px solid #6f6f6f; box-shadow:0 0 0; left:0px;}
#font_box .noUi-handle::after, 
#font_box .noUi-handle::before{ top: 4px;  height: 10px; left: 10px; background:#6f6f6f}
#font_box .noUi-handle::after { left: 13px; }
#font_box .noUi-base{width:80%}




@media only screen and (min-width : 320px) and (max-width : 1024px) {
#fullscreen,
#screennormal{background:url(../karaoke/images/full_screen_tab.png) no-repeat 0 0; float:left; width:42px; height:34px}
#screennormal{background:url(../karaoke/images/exit_full_screen_tab.png) no-repeat 0 0;}
#greeting_inner{width: 100%  !important; width: -webkit-calc(100% - 45px)  !important; width: -moz-calc(100% - 45px)  !important; width: calc(100% - 45px) !important;}
.full_scrn .currentsong .full_screen .text-format{height: 100%  !important; height: -webkit-calc(100% - 70px)  !important; height: -moz-calc(100% - 70px)  !important; height: calc(100% - 70px) !important; background-position: 0 0;} 
#greeting_outer{background:#e5e5e5} 
.full_scrn .currentsong .full_screen .full_screen_control{height:80px;}
.full_scrn .currentsong .full_screen .text-format{height: 100%  !important; height: -webkit-calc(100% - 80px)  !important; height: -moz-calc(100% - 80px)  !important; height: calc(100% - 80px) !important; background-position: 0 0;} 
ul.searchpag li {width:20px; height:20px; line-height:20px; background:#1d838d; text-align: center; }
ul.searchpag li a:hover, ul.searchpag li a.active{font-size:14px; color:#fff; background:#ffc600; font-weight:normal}
	ul.searchpag li a{color:#fff}
}