body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:#212529;;
    text-align: left;
    background-color: #fff;
	padding-top: 56px;
	min-width:280px;
}
#box{border:1px solid #b0b0b0;text-align:center;background-color:#DCEBF9;background:transparent linear-gradient(#FFF,#FFF, rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 0.3)) repeat scroll 0% 0%;margin:1px 1px 5px 1px;padding:5px;}
#showdata{display:none;}
#uploadForm{display:none;}
#mydialog{background:rgba(0,0,0,0.4);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1040;
display:none;
}
#dialog{background:#ffffff;
width:50%;
height:130px;
position:fixed;
top:35%;
bottom:50%;
left:25%;
right:25%;
z-index:1040;
border-radius:5px;
padding:5px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.24);
}
#dialog div{text-align:center;
padding-top: 20px;
padding-bottom: 32px;
}
#cleared{text-align:center;
width:30%;
height:100px;
position:fixed;
top:0%;
left:35%;
right:25%;
background:rgba(58, 23, 23, 0.67);
z-index:1040;
border-radius:5px;
padding-top: 30px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.24);
display:none;
color:#ffffff;
}
.links{width:98%;border-radius:5px;border-bottom:1px solid rgba(58, 23, 23, 0.67);background:rgba(200,200,200,0.1);float:left;margin-left:1%;margin-right:1%;margin-top:1%;margin-bottom:1%;}
.links::after{clear:both;}
.links:last-child{border-bottom: none;}
.btnm:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btnm-group-lg>.btnm, .btnm-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.btnm-primary {
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #28a745;
	background-image:linear-gradient(#28a745,#178630);
	border: .8px solid #367938;
	font-weight: 400;
	padding: .375rem .75rem;
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 4px;
	text-shadow: rgba(0,0,0,0.6) .5px .5px 0;
	transition:linear .1s;
}
.shadow{box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.24);}
.btnm-primary:hover{
    color: #fff;
    background-color: #179634;text-decoration:none;
	background-image: linear-gradient(rgba(40, 177, 69, 1),rgba(23, 160, 52, 1));
	box-shadow: 0 0 2px hsla(0,0%,100%,.5) inset,
              0 1px 0 hsla(0,0%,100%,.2);color:#ffffff;transition:0;border:.8px solid #179634;}
}
.btnm {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.borders{border:1px solid rgba(0, 123, 255, 0.44);
margin:1px;
border-radius:.25rem;
text-align:center;
text-indent:0%;
padding:4px;
}
.borders input[type=text]{
	border:0;
	text-align:center;
	}
	.social{width: 35%;
	border:1px solid rgba(0, 123, 255, 0.44);
margin:1px;
border-radius:.25rem;
text-align:center;
text-indent:0%;
padding:4px;}
.social input[type=text]{
	border:0;
	text-align:center;
	}
.inputborder{border:1px solid rgba(23, 162, 184, 0.23921568627450981);
border-radius:.25rem;}
.maindiv{width:100%;padding-right: 15px;padding-left: 15px;margin-bottom: 0.5rem!important;font-size:20px;}
.btn2{
    color: #fff;
    background-color: #0d5763;
	text-align: center;
	cursor: pointer;
	background-image:linear-gradient(#15889a,#0d5763);
	border: .8px solid #0c4c56;
	font-weight: 400;
	padding: .375rem .75rem;
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 4px;
	text-shadow: rgba(0,0,0,0.6) .5px .5px 0;
	transition:linear .1s;
}
.btn2:hover{    color: #fff;
    background-color: #137788;
	text-decoration:none;
	background-image:linear-gradient(#1a9baf,#137788);
	box-shadow: 0 0 2px hsla(0,0%,100%,.5) inset,
              0 1px 0 hsla(0,0%,100%,.2);color:#ffffff;transition:0;border:.8px solid #0c4c56;
}
.upload::before {
    font-family: "FontAwesome"; font-weight: 900; content: "\f093";
  }
  input.btnm::before {
   font-family: "FontAwesome";
   content: "\f093";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}

#success{border-radius:4px;
background:#e9ffd9;
opacity:1.0;
border:1px solid #a6ca8a;
color:#555555;
text-align:center;
margin:5px 2px;
padding:3px;}
#notice{border-radius:4px;
background:#e3f7fc;
opacity:1.0;
border:1px solid #8ed9f6;
color:#555555;
text-align:center;
margin:5px 2px;}
#error{border-radius:4px;
background:#ffecec;
opacity:1.0;
border:1px solid #f5aca6;
color:#555555;
text-align:center;
margin:5px 2px;}
#statbox{
  margin-top: 1.5rem !important;
  background: rgba(100,100,100,.1);
  padding:5px;
}
#suspend{display:none;}
#statbox a{padding:5px;}
#statbox a:hover{background: #007bff;color: #eeeeee;transition:linear .2s;}
#dataform{text-align:center;border:1px solid rgba(100,100,100,.1);margin:1px;}
#dataform input{width:95%;}
#signin{text-align:center;display:none;border:1px solid rgba(100,100,100,.1);margin:1px;}
#signin input{width:95%;}
#signup{text-align:center;display:none;border:1px solid rgba(100,100,100,.1);margin:1px;}
#signup input{width:95%;}
#forgot{text-align:center;display:none;border:1px solid rgba(100,100,100,.1);margin:1px;}
#forgot input{width:95%;}
#newpassword{text-align:center;border:1px solid rgba(100,100,100,.1);margin:1px;}
#newpassword input{width:95%;}
#cashout{text-align:center;border:1px solid rgba(100,100,100,.1);margin:1px;}
#cashout input{width:95%;}
#cashout .borders input{border:none;margin-bottom:5px;}
#myfiles{position: relative;background-color: #ffffff;border: 1px solid #0c4155;overflow: hidden;border-radius: .25rem;display:none;}
#myfiles i{margin:5px;}
#moreTrendingMusic{display:none;}
#lyrics{display:none;}
#Top{position:fixed;z-index:99;bottom:5%;right:3%;display:none;background:#000000;border-radius:5px;cursor:pointer;opacity:.5;}
#notif_ball{background:#ff0000;color:#eeeeee;border-radius:50%;width:20px;height:20px;margin:0;float:left;text-align:center;padding-top:auto;padding-bottom:auto;}
#overhead{color: #93b9c0;
background:#0c4155;
padding-top:5px;
padding-bottom:12px;}
#music{width:auto;height:120px;border-radius:5px;overflow:hidden;border:0.5px solid transparent;margin:2px;}
#music::after{clear:both;}
#newfile{display:none;}
#newlyadded{margin:0;}
#Top a{color:#FFFFFF;display:block;padding:10px;font-size:1.0em;}
#Top:hover{opacity:.7;}
#file{background-color:rgba(158, 187, 192, 0.25);
    opacity: 0.9;
    border: 1px solid rgba(0,0,0,.125);
    padding: 5px 5px;}
#artwork{background-color:rgba(158, 187, 192, 0.25);
    opacity: 0.9;
    border: 1px solid rgba(0,0,0,.125);
    padding: 5px 5px;}
#filename{margin:1px;text-align:center;}
#about{color:#eeeeee;background-color:#0c4155;padding:5px;position:absolute;display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:80%;left:10%;z-index:1020;}
#contact{display:none;color:#eeeeee;background-color:#0c4155;padding:5px;position:absolute;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#contact a{color:rgba(255,255,255,.5);}
#contact a:hover{color:rgba(255,255,255,.8);transition:.1s linear;text-decoration:none;}
#categories{color:#eeeeee;background-color:#0c4155;padding:5px;position:fixed;display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:40%;left:30%;z-index:1020;    text-align: center;}
#categories a{color:rgba(255,255,255,.5);}
#categories a:hover{color:rgba(255,255,255,.8);transition:.1s linear;text-decoration:none;}
#notifications{color:#eeeeee;background-color:#0c4155;padding:5px;position:fixed;display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:50%;left:25%;z-index:1020;text-align: center;box-shadow: 0.5px 1px 5px #000000;}
#comments {display:none;margin:5px;padding:3px;}
#commenttitle {background:#9dbabf;margin-bottom:5px;padding:3px;}
#comment {border:1px solid #9dbabf;margin:5px;}
#addcomment {display:none;}
#newlyadded{background:#dd0000;border-radius:5%;cursor:pointer;color:#ffffff;z-index:1050;font-size:.80rem;}
#showForm{background:#3333dd;border-radius:3px;color:#ffffff;text-align:center;padding:5px;margin:5px;}
#text{padding:3px 50px;}
#logo{width:40px;height:40px;}
#musicLink {
    width: 270px;
    padding: 0px;
    margin-left: 5px;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    transition: .5s;
    display: inline-block;
    white-space: nowrap;
    text-overflow: "----";
    text-align: center;
	border:1px solid #c1c1c1;
  }
#musicLink img{
	  width:200px;
	  height:200px;
	  display:block;
	  margin-left:auto;margin-right:auto;
  }
#musicLink a{
	color:#092b38;
}
#dlad{
	  width:240px;
	  height:50px;
margin-left:auto;margin-right:auto;
  }
#center{text-align:center;}
#right{float:right;vertical-align:middle;}
#dismiss:hover{cursor:pointer;}
#rename{/**display:none;**/}
#facebooklink{display:none;}
#twitterlink{display:none;}
.artworkform{display:none;}
.center{text-align:center;}
.right{float:right;vertical-align:middle;}
.left{text-align:left;padding:0px 10px;}
.whatsapp{color:#00cc00;}
.email{color:#cc0000;}
.white{ color: #ffffff;}
.bg-custom{background:#0c4155;background-image:linear-gradient(#0c4155,#0e4c63,#0c4155);}
.card-text input{width:80%;}
.card-text button{width:250px;padding:4px;border-radius:5px;border:2px ridge #C0C0C0;}
label{text-align: center!important;
    padding-top: 1.5rem!important;
    background-color:rgba(200,200,200,.2);
    border-radius: .3rem;width:80%;width:80%;position:relative;left:10%;}
.color{border-radius:4px;
background:rgba(100,100,100,.1);
opacity:1.0;
border:1px solid rgba(23, 162, 184, 0.23921568627450981);
color:#555555;
text-align:center;
margin:5px 2px;}
.red{
    color: #fff;
background-color: rgba(244,54,54,1);}
.red:hover{
    background-color: rgba(244,54,54,.8);
	color:#ffffff;
	text-decoration:none;
}
.green{
	color: rgb(0,200,0);
}
.xcolor{
	color: #0c4155;
}
.blue{
	background-color: rgba(33,150,243,1);
    color: #fff;
}
.blue:hover{
	background-color: rgb(0, 123, 255);
    color: #fff;
}
.bluelink{
    color: rgba(33,150,243,1);
}
.card-text{color:#252525;}
.card-text{color:#252525;}
.card-text a{color:#252525;}
.card-text a:hover{color:#252525;text-decoration:none;opacity:.8;position:relative;left:1px;}
.navbar{min-width:330px;}
.navbar-toggler:hover{opacity:.7;}
.navbar-toggler:active,.navbar-toggler:focus{outline:0;}
.custombg{background-color:#252525;}
.col-lg-custom{max-width: 30%;flex: 0 0 30%;}
.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.02);border-top:.5px solid rgba(0,0,0,.070)}
.container ~ .container{Margin-bottom:200px;}
.search{color:#C0C0C0;margin:0;}
.details{float:left;width:50%;margin:0;}
.like{float:left;margin-left:15px;margin-top:2px;}
.like button{background:#9eb7c0;border:1px solid;}
.dislike{float:right;margin-right:15px;margin-top:2px;}
.dislike button{background:#9eb7c0;border:1px solid;}
.right{text-align:right;}
.clear{clear:both;}
.lclear{clear:left;}
nav form{color:#C0C0C0;border-radius:5px;overflow:hidden;border: 1px solid;border-color: rgba(255,255,255,.1);margin:0;}
.search input{border:0;padding:5px 8px;opacity:.6;}
.search button{border:0;padding:5px 10px;margin:0;float:right;background:none;color:#C0C0C0;}
.search button:hover{cursor:pointer;opacity:.6;}
footer > .bg-custom{background-color:#C0C0C0;}
footer  a{color:#C0C0C0;}
ul,li{list-style:none;padding:0;margin:0;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
.links a{display:block;}
@media (min-width: 768px) and (max-width: 992px) {
  .search input{
width:230px;}}

@media (min-width: 992px) {
  .search input{
  width:260px;}
.maindiv img{width:25%;height:25%;}
.links{width:31.2%;height:300px;border-radius:5px;border:1px solid rgba(58, 23, 23, 0.67);float:left;margin-left:1%;margin-right:1%;margin-top:1%;margin-bottom:1%;}
#music{float:none;}
.links:last-child{border-bottom:1px solid rgba(58, 23, 23, 0.67);}
}

@media (min-width: 992px) {
	#contact{
		background-color: #0c4155;
		}
}
@media (max-width:800px) {
      
   #musicLink {
    width: 98%;
    padding: 0;
    z-index: 1;
    overflow: hidden;
    margin-left: 13px;
   margin: 5px;
    border-radius: 5px;
    transition: .2s;
    
    display: block;
    white-space: nowrap;
    text-overflow: "----";
    text-align: left;
    
  }
  #musicLink img{
	  width:20%;
	  height:20%;
	  float:left;
  }
  #musicLink:hover {
	  background:#587d8a;
	  color:#c0c0c0;
  }
  }
*, ::after, ::before {
    box-sizing: border-box;
}


.site-responsive{display:block;overflow-x:auto}
.site-container:after,.site-container:before,.site-panel:after,.site-panel:before,.site-row:after,.site-row:before,.site-row-padding:after,.site-row-padding:before,
.site-cell-row:before,.site-cell-row:after,.site-clear:after,.site-clear:before,.site-bar:before,.site-bar:after{content:"";display:table;clear:both}

.site-row-padding,.site-row-padding>.site-half,.site-row-padding>.site-third,.site-row-padding>.site-twothird,.site-row-padding>.site-threequarter,.site-row-padding>.site-quarter,.site-row-padding>.site-col{padding:0 8px}
.site-container,.site-panel{padding:0.01em 16px}.site-panel{margin-top:16px;margin-bottom:16px}
.site-center{text-align:center!important}
.site-center .site-bar{display:inline-block;width:auto}

.site-padding-small{padding:4px 8px!important}.site-padding{padding:8px 16px!important}.site-padding-large{padding:12px 24px!important}
.site-padding-16{padding-top:16px!important;padding-bottom:16px!important}.site-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.site-padding-32{padding-top:32px!important;padding-bottom:32px!important}.site-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.site-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.site-padding-top-64{padding-top:64px!important}.site-padding-top-48{padding-top:48px!important}
.site-padding-top-32{padding-top:32px!important}.site-padding-top-24{padding-top:24px!important}
.site-opacity,.site-hover-opacity:hover{opacity:0.60}.site-opacity-off,.site-hover-opacity-off:hover{opacity:1}
.site-opacity-max{opacity:0.25}.site-opacity-min{opacity:0.75}
.site-greyscale-max,.site-grayscale-max,.site-hover-greyscale:hover,.site-hover-grayscale:hover{filter:grayscale(100%)}
.site-greyscale,.site-grayscale{filter:grayscale(75%)}.site-greyscale-min,.site-grayscale-min{filter:grayscale(50%)}
.site-sepia{filter:sepia(75%)}.site-sepia-max,.site-hover-sepia:hover{filter:sepia(100%)}.site-sepia-min{filter:sepia(50%)}
.site-tiny{font-size:10px!important}.site-small{font-size:12px!important}.site-medium{font-size:15px!important}.site-large{font-size:18px!important}
.site-xlarge{font-size:24px!important}.site-xxlarge{font-size:36px!important}.site-xxxlarge{font-size:48px!important}.site-jumbo{font-size:64px!important}
.site-topbar{border-top:6px solid #ccc!important}.site-bottombar{border-bottom:6px solid #ccc!important}
.site-leftbar{border-left:6px solid #ccc!important}.site-rightbar{border-right:6px solid #ccc!important}

.site-border-white,.site-hover-border-white:hover{border-color:#fff!important}
.site-border-black,.site-hover-border-black:hover{border-color:#000!important}
.site-border-grey,.site-hover-border-grey:hover,.site-border-gray,.site-hover-border-gray:hover{border-color:#9e9e9e!important}
.site-border-light-grey,.site-hover-border-light-grey:hover,.site-border-light-gray,.site-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.site-border-dark-grey,.site-hover-border-dark-grey:hover,.site-border-dark-gray,.site-hover-border-dark-gray:hover{border-color:#616161!important}
.site-border-pale-red,.site-hover-border-pale-red:hover{border-color:#ffe7e7!important}.site-border-pale-green,.site-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.site-border-pale-yellow,.site-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.site-border-pale-blue,.site-hover-border-pale-blue:hover{border-color:#e7ffff!important}

.site-col,.site-half,.site-third,.site-twothird,.site-threequarter,.site-quarter{float:left;width:100%}
.site-col.s1{width:8.33333%}.site-col.s2{width:16.66666%}.site-col.s3{width:24.99999%}.site-col.s4{width:33.33333%}
.site-col.s5{width:41.66666%}.site-col.s6{width:49.99999%}.site-col.s7{width:58.33333%}.site-col.s8{width:66.66666%}
.site-col.s9{width:74.99999%}.site-col.s10{width:83.33333%}.site-col.s11{width:91.66666%}.site-col.s12{width:99.99999%}
@media (min-width:601px){.site-col.m1{width:8.33333%}.site-col.m2{width:16.66666%}.site-col.m3,.site-quarter{width:24.99999%}.site-col.m4,.site-third{width:33.33333%}
.site-col.m5{width:41.66666%}.site-col.m6,.site-half{width:49.99999%}.site-col.m7{width:58.33333%}.site-col.m8,.site-twothird{width:66.66666%}
.site-col.m9,.site-threequarter{width:74.99999%}.site-col.m10{width:83.33333%}.site-col.m11{width:91.66666%}.site-col.m12{width:99.99999%}}
@media (min-width:993px){.site-col.l1{width:8.33333%}.site-col.l2{width:16.66666%}.site-col.l3{width:24.99999%}.site-col.l4{width:33.33333%}
.site-col.l5{width:41.66666%}.site-col.l6{width:49.99999%}.site-col.l7{width:58.33333%}.site-col.l8{width:66.66666%}
.site-col.l9{width:74.99999%}.site-col.l10{width:83.33333%}.site-col.l11{width:91.66666%}.site-col.l12{width:99.99999%}}
.site-rest{overflow:hidden}.site-stretch{margin-left:-16px;margin-right:-16px}
.site-content,.site-auto{margin-left:auto;margin-right:auto}.site-content{max-width:980px}.site-auto{max-width:1140px}
.site-cell-row{display:table;width:100%}.site-cell{display:table-cell}
.site-cell-top{vertical-align:top}.site-cell-middle{vertical-align:middle}.site-cell-bottom{vertical-align:bottom}
.site-hide{display:none!important}.site-show-block,.site-show{display:block!important}.site-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.site-auto{max-width:95%}}
@media (max-width:600px){.site-modal-content{margin:0 10px;width:auto!important}.site-modal{padding-top:30px}
.site-dropdown-hover.site-mobile .site-dropdown-content,.site-dropdown-click.site-mobile .site-dropdown-content{position:relative}	
.site-hide-small{display:none!important}.site-mobile{display:block;width:100%!important}.site-bar-item.site-mobile,.site-dropdown-hover.site-mobile,.site-dropdown-click.site-mobile{text-align:center}
.site-dropdown-hover.site-mobile,.site-dropdown-hover.site-mobile .site-btn,.site-dropdown-hover.site-mobile .site-button,.site-dropdown-click.site-mobile,.site-dropdown-click.site-mobile .site-btn,.site-dropdown-click.site-mobile .site-button{width:100%}}
@media (max-width:768px){.site-modal-content{width:500px}.site-modal{padding-top:50px}}
@media (min-width:993px){.site-modal-content{width:900px}.site-hide-large{display:none!important}.site-sidebar.site-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.site-hide-medium{display:none!important}}
@media (max-width:992px){.site-sidebar.site-collapse{display:none}.site-main{margin-left:0!important;margin-right:0!important}.site-auto{max-width:100%}}
.site-margin-bottom{margin-bottom:16px!important}
.site-card-4,.site-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.site-btn,.site-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.site-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.site-btn,.site-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.site-disabled,.site-btn:disabled,.site-button:disabled{cursor:not-allowed;opacity:0.3}.site-disabled *,:disabled *{pointer-events:none}
.site-btn.site-disabled:hover,.site-btn:disabled:hover{box-shadow:none}
.site-dropdown-hover:hover > .site-button:first-child,.site-dropdown-click:hover > .site-button:first-child{background-color:#ccc;color:#000}
.site-bar .site-button{white-space:normal}
.site-bar-block .site-dropdown-hover .site-button,.site-bar-block .site-dropdown-click .site-button{width:100%;text-align:left;padding:8px 16px}
.site-button:hover{color:#000!important;background-color:#ccc!important}
.site-light-grey,.site-hover-light-grey:hover,.site-light-gray,.site-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.site-block{display:block;width:100%}