body { margin: 0px; padding: 0px;   color:#fff; }

ul, li { list-style: none; margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }

a { text-decoration: none !important; outline: none !important; color:#fff;}
a:hover{color:#fff; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

h1 { font-size: 32px; font-style: normal }

h2 { font-size: 26px; color: #000 }

.onlydesktop{display:block}
.onlymobile{display:none}

.bx-wrapper  .onlydesktop{display:block}
.bx-wrapper  .onlymobile{display:none}

.outer {  margin: 0px auto;}




/* header css start */



.body2{ background: #000;}


/*.body2 .content p{font-family: 'oswald-light';    font-size:22px;    font-style: normal;    line-height: 32px; margin-top:20px;margin-bottom:20px;}*/

.logo {text-align:center;margin: 30px auto;}


a.btn{border:1px solid #666;border-radius:0px;padding:10px 30px;font-size:22px;color:#666;font-weight:bold;margin: 10px auto;}

/*
| ----------------------------------------------------------------------------------------------
| Login
| ----------------------------------------------------------------------------------------------
*/

.login-member{padding:40px 0px; text-align:center;margin:auto;}
.login-member .container{width:auto;}

.login-member .signin{}
.login-member .signin h3{margin: 15px auto;color:#c7c7c7;}
.login-member .signin .desc{margin: 20px 0px;color:#B0B0B0;}
.login-member .signin a.btn{border:1px solid #666;border-radius:0px;padding:10px 30px;font-size:22px;color:#666;font-weight:bold;margin: 10px auto;}

.login-member .signin .form-box{margin-top:50px;margin-bottom:30px;}
.login-member .signin .form-box input{background-color: #151515;border:none;max-width:350px;margin: auto;color:#fff;}
.login-member .signin .form-box .submit{width:auto;}
.login-member .signin .form-box input[type="submit"] {background-color:#323232;color:#c7c7c7;}



/*
| ----------------------------------------------------------------------------------------------
| Sign Up
| ----------------------------------------------------------------------------------------------
*/

.music-access{}
.music-access h1{font-size:40px;margin: 50px auto 20px auto;text-align:center;color:#c7c7c7;font-weight:bold;}
.music-access .border {border-top:1px solid #666;}

.register-member{padding:50px 0px 0px 0px; text-align:center;margin:auto;}
.register-member .container{width:auto;}

.register-member .paypalbtn{border:1px solid #666;border-radius:0px;padding:10px 30px;font-size:22px;color:#666;font-weight:bold;margin: 10px auto;background: none;}
.register-member .paypalbtn:hover{color:#333;}

p.bottom{text-align:center;color:#666;}


/*
| ----------------------------------------------------------------------------------------------
| order success
| ----------------------------------------------------------------------------------------------
*/

.order-success {text-align:center;max-width:400px;margin:auto;padding: 50px 0px 0px 0px;}
.order-success .container{width:auto;}
.order-success .order-content {}


/*
| ----------------------------------------------------------------------------------------------
| Page Head
| ----------------------------------------------------------------------------------------------
*/

.page-head {padding-top: 50px;}
.page-head .content{font-size: 18px;font-weight: normal;text-transform: uppercase;font-weight: bold;color: #fff600; }
.page-head a, .page-head span {font-size: 18px;color: #fff600;font-weight: normal;text-transform: uppercase; }
.page-head a{color: #6100b1;}

.page-head span { font-weight: bold;color: #fff600; }
 .page-head a{color:#8b00fd; -webkit-transition: color 300ms ease-out; -moz-transition: color 300ms ease-out; -o-transition: color 300ms ease-out; transition: color 300ms ease-out;}
.page-head a:hover {color:#6100b1; -webkit-transition: color  400ms ease-in ; -moz-transition: color  400ms ease-in ;
 -o-transition: color  400ms ease-in ; transition: color  400ms ease-in ;}
.page-head .hrule{border-bottom:1px solid #666;height:5px}


.form-box {width: 100%;margin: 50px auto;max-width: 700px;}
.form-box label {font-size: 16px;font-weight: normal;color: #fff;font-family: 'HelveticaCondensed';float: left;margin-right: 20px;text-align: right;
			width:250px;max-width:100%; line-height: 50px;}
.form-box label span { font-family: 'HelveticaCondensed'; font-size:16px;color: #fff;font-style:italic;}
.form-box input {height: 50px;width: 100%;font-size:16px;background-color: #151515;border:none;max-width:350px;margin: auto;color:#fff;}
.form-box select {border: 1px solid #32005b;border-radius: 0px;height: 50px;width: 100%;max-width: 650px;}
.form-box .submit {width:auto;}
.form-box input[type="submit"] {color:#c7c7c7;background:none;border:1px solid #666;font-size:22px;font-weight:bold;}

.form-box .area{width:100%;max-width:650px;margin: auto auto 20px auto;}
.form-box label.msg{float:none;text-align:center;width:100%;}
.form-box textarea{border:1px solid #32005b;color:#000;font-size:18px;max-width:100%;width:650px;}
.form-box textarea{padding:6px 12px;}



/*
| ----------------------------------------------------------------------------------------------
| Mobile Menu
| ----------------------------------------------------------------------------------------------
*/


/*#top {
    background: url("../images/back-top.png") no-repeat scroll left top;
    height: 78px;
    position: fixed;
    width: 78px;
    z-index: 9999;
	cursor:pointer;
	right: 10px;
    bottom: 40px;
	
}*/

 



@media (min-width:1700px)
{
}

@media (min-width:1400px)
{
}

@media (min-width:1366px)
{
}

@media (max-width:1365px)
{
}

@media(max-width:1199px )
{
	
}

@media(max-width:1080px )
{
}

@media(max-width:991px )
{
}

@media (max-width: 768px)
{
	.onlydesktop{display:none;}
	.onlymobile{display:block;}
	
	.container {width: 90%;padding:0px;}
	
	
	/*#top {
		background: url("../images/back-top.png") no-repeat scroll right bottom / 60% 60%;
	}*/
 	
}

@media (max-width:640px)
{
}
@media (max-width:415px)
{	
}
@media (max-width:375px)
{	
}


@media (max-width:320px)
{
}



.promos {
	text-align:center;
}
.promo {
    margin: 1em .5em 1.625em;
    padding: .25em 0 2em;
    background: #0F1012;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    line-height: 1.625;
    color: #f9f9f9;
    text-align: center;
	
	display: inline-block;
	width: 300px;
	vertical-align:top;

}
.promos .highlighted {
	transform: scale(1.2);
 	box-shadow: 0 0 4px 1px rgba(20, 20, 20, 0.8);
}
.highlighted .price {
	color:#64AAA4 !important;
}
.highlighted button {
	background:#64AAA4 !important;
}

 .promo h4 {
        margin: .25em 0 0;
        font-size: 170%;
        font-weight: normal;
    }
.promo .features {
        margin: 0;
        padding: 0;
        list-style-type: none;
        color: #999999;
    }
.promo li {
        padding: .25em 0;
    }
.promo .brief { 
        color: #f9f9f9;
    }
.promo .price {
        margin: .5em 0;
        padding: .25em 0;
        background: #292b2e;
        font-size: 250%;
        color: #f9f9f9;
    }
.promo .buy {
        margin: 1em 0 0;
    }
.promo button {
        padding: 1em 3.25em;
        border: none;
        border-radius: 40px;
        background: #292b2e;
        color: #f9f9f9;
        cursor: pointer;
          
    }

.planSelect {
	font-size: 14px;
    padding: 10px;
    background: none;
	color:#ccc;
}

.account {
	padding:15px;
}
.account .headerLinks {
	text-align:right;
	margin:15px;
}
.account .headerLinks a {
	margin-left:10px;
}
.account section {
	background:#000;
	border:1px solid #555;
	padding:10px;
	margin:15px;
}
.account .downloads {
	float:right;
	text-align:right;
	line-height:36px;
}
.account h1 {
	font-size:40px;
}
.account .downloads .remaining {
	font-size:48px;
	font-weight:bold;
	color:green;
	line-height:40px;
}
.account .logo {
	vertical-align:middle;
	max-height:120px;
	margin:0px;
}
.account .artist {
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
}
.account .artist .type {
	font-size:14px;
	color:#ccc;
	font-weight:normal;
}
.account .detail {
	font-size:18px;
	background:#222;
}
.dimm {
	opacity:.7;
}

.account h3 {
	color:#fff;
	margin:10px 0px;
}
.account input {
	color:#000;
	border-radius:5px;
	padding:5px;
	margin:5px;
	border:1px solid #666;
	font-size:14px;
}
.account input[type='submit'] {
	background:#474B64;
	color:#fff;
}

.sampleMusic {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	background:#000;
	z-index:10;
	padding:10px;
}
.sampleMusic .contents {
	text-align:center;
	width:90%;
	max-width:1000px;
	margin:0 auto;
	font-size:12px;
	color:#999;
}
.sampleMusic .contents .loaded {
	height:15px;
	width:75%;
	background:#666;
	display:inline-block;
	vertical-align:middle;
}
.sampleMusic .contents .loaded .played {
	width:0%;
	background:#bbb;
	height:15px;
}
.sampleMusic .contents .play {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.sampleMusic .contents .pause {
	display:none;
	vertical-align:middle;
	cursor:pointer;
}
.deletePopup {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.9);
	display:none;
}
.deletePopup .content {
	width:90%;
	max-width:400px;
	padding:15px;
	border:1px solid #555;
	margin:0 auto;
	margin-top:25px;
}
.deletePopup button {
	width:80px;
	margin-top: 20px;
    background: #333;
    border: none;
}
.deletePopup .closeBtn {
	cursor:pointer;
	float:right;
	margin-left:10px;
}
.account .download {
	font-size:14px;
	background:#222;
}
.account .download h2 {
	color:#fff;
	margin:10px 0px;
}
.account .download h4 {
	margin:10px 0px;
}
.account .download i {
	vertical-align:middle;
}

@media (max-width: 500px) {
	.login-member .signin img {
		max-width:90%;
		height:auto;
	}
	.register-member .signin img {
		max-width:90%;
		height:auto;
	}
 
 .account section {
   margin:0px;
 }
 .account .logo {
  max-width:300px;
 }
 
 
}

.small {
 font-size:14px;
}