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:#5ebfc8 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 #5ebfc8;}
#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;}

.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:#5ebfc8; padding:15px 0px;  display:inline-block; text-decoration:none; width:100%; text-align:center;} 

.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.sub .container .row{ max-width:1120px; margin:0 auto;}

.sunfly-sub{background:url("../images/subscription-bg.png") center 0 no-repeat; padding-bottom:0%; 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; 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 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:#000; padding:14px 0; display:block; border:#5ebfc8 1px solid; background:#5ebfc8; display:block; text-decoration:none;text-transform: uppercase;}
.sunfly_text a.signup:hover{border-color:#5ebfc8; color:#000;}
.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: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:#5ebfc8;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-