body {
color : #808080;
margin : 0 0px;
font-family: Hevletica,Verdana,arial;
font-size:.8em; 
background : #FFFFFF;
line-height: 1.5em;
}
audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
 .breadcrumbs {
	padding: 6px;
 }
.sideitem {
	border: 0px dotted #F4F4F4; font-size:.76em; 
	line-height: 1.6;
}
.sideitem img {
    vertical-align: middle;
}
a:link, a:active, a:visited {
color : #3b5998;
text-decoration : none;
}
a:hover, a:focus {
color : #000000;
text-decoration : none;
}
p{
	margin: 4px;
	padding: 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #f4f4f4;
	font-size: 12px
}
b{ 
	font-weight:bold;
}
h1
	{
	text-align:left;
  background: #1A83CD none repeat scroll 0 0;
    color: #fff;
	margin:0;
	font-size:13px;
    padding: 6px 3px;
    font-weight:bold;
	
	}
h2 {     
    font-size: 13px;     
    font-weight:600;
    padding: 0;     margin: 0;
}  

h3 {     
    font-size: 13px;     
    font-weight:600;
    margin: 0;     padding: 0;     
    line-height: 1.2; 
}

 h4 {     
    font-size: 13px;     
    font-weight:600;
    margin: 0;     padding: 0;     
    line-height: 1.2; 
}  

/* update items */
.updateitems {
	font-size: 11px; border: 1px dotted #f4f4f4; padding: 5px;
}
.updatecat{
	color: red;
}

.updatear {
	color: #008000; font-size:100%;
}

h5, h6, h7 {
color : #fff;
    margin: 0px;
    font-weight: bold;
font-size: small;
background : #36aad8;
padding : 6px;
}

.pendu, .pendu0, .pendu1, .pendu2, .pendu3, .pendu4, .pendu5, .pendu6, .pendu7, .pendu8, .pendu9, .pendu10, .pendu11, .pendu12, .pendu13, .pendu14, .pendu15, .pendu16, .pendu17, .pendu18, .pendu19, .pendu20, .pendu21, .pendu22, .pendu23, .pendu24, .pendu25, .pendu26, .pendu27, .pendu28, .pendu29{
	text-align:left;
	padding: 5px 5px 5px 5px;
	background:#F4F4F4; repeat-x top;
	border-bottom:1px solid #ececec;
	font-weight:bold;
	color:#333333;
	margin-top:1px;
	text-transform:capitalize;
}
.pendu img, .pendu0 img, .pendu1 img, .pendu2 img, .pendu3 img, .pendu4 img, .pendu5 img, .pendu6 img, .pendu7 img, .pendu8 img, .pendu9 img, .pendu10 img, .pendu11 img, .pendu12 img, .pendu13 img, .pendu14 img, .pendu15 img, .pendu16 img, .pendu17 img, .pendu18 img, .pendu19 img, .pendu20 img, .pendu21 img, .pendu22 img, .pendu23 img, .pendu24 img, .pendu25 img, .pendu26 img, .pendu27 img, .pendu28 img, .pendu29 img{
    vertical-align: middle;
}
.description{
  padding: 10px;
  background: #eee;  
  font-size: small;
  color:#727070;  
  margin: 10px; 
  background: #F8F8F8 none repeat scroll 0px 0px;
  border: 1px solid #F0EBEB;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #FFF inset;
  }	
div.headertop {
	background-color: #030303;
	border:none;
	color:#292929;
	height:39px;
	padding:0;
	line-height: 39px;
	border-bottom: solid 3px #E4A915;
	font-weight: bold;
}
.style1 {
	color: #FFFFFF;
	font-size: 16px;
	padding: 6px;
}
a.mrj {
    float: left;
    width: 100%;
    color: #1079a8;
    background: #ffffff;
    padding: 10px 5px;
    text-decoration: none;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    margin: 0px 0px;
    border-bottom: 1px solid #F2F2F2;
}
.mrj_btn {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0;
    display: inline-block;
    font-weight: normal;
    padding: 5px 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
}
ul.mrj {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 1px;
}
a.mrj:hover {
    background-color: rgba(230, 230, 230, 0.53);
}
img.albumcover {
    width: 70px;
    height: 70px;
    border: 1px none #b9b9b9;
    border-radius: 6px;
    float: left;
}
table.tip {
    background-color: transparent;
}
td.tip {
    padding: 3px;
}
tr.tip {
    border: 1px solid #f3f3f3;
}
img.albumcover2 {
    width: 60px;
    height: 60px;
    border: 1px none #b9b9b9;
    border-radius: 30px;
    
}
.tracks {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    padding-left: 8px;
}
.tunes {
	margin-bottom:10px;
	text-align:center;
	padding: 2px 5px 5px 8px;
	background:#FF9900;


repeat-x top;
	border:1px solid #ccc;
	font-weight:bold;
	color:#333333;
	text-transform:capitalize;
	}
.tophead {
    background-color: #070000;
    padding: 10px 0px 4px 4px;
    border-bottom: 2px solid #EE0014;
    font-size: 14px;     
    color: white;
    font-weight:600;
    margin: 0px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.songlyrics	{ font-family: Oxygen ,sans-serif;font-weight: 400;font-size: 15px;line-height: 12px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap;background-color: inherit;padding: 10px;margin: 10px;border: 1px solid #f0ebeb;border-radius: 5px; }	
.logo	{ background: #ddd; repeat-x;border-bottom: 2px solid #EE0014;font-weight:bold;color:#cccccc;padding:7px; }
.videoboxmini{float:left;width:100%;padding:10px;box-sizing:border-box}
.wrapper{width:100%;max-width:700px;padding:5px;box-sizing:border-box}
.youtube{background-color:#000;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}
.youtube img{width:100%;top:-16.82%;left:0;opacity:.7}
.youtube .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:6px}
.youtube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}
.youtube .play-button,.youtube img{cursor:pointer}.youtube .play-button,.youtube .play-button:before,.youtube iframe,.youtube img{position:absolute}
.youtube .play-button,.youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.youtube iframe{height:100%;width:100%;top:0;left:0}
	
.tunesmp3 {text-align:left;
	padding: 5px 5px 5px 5px;
	background:#fe642e; repeat-x top;
	border-bottom:1px solid #ececec;
	font-weight:bold;
	color:#333333;
	margin-top:1px;
	text-transform:capitalize;
	}
.pendu1 {
	text-align:center;
  background: #1A83CD none repeat scroll 0 0;
    color: #fff;
	margin:0;
	font-size:12px;
    padding: 6px 3px;
    font-weight:bold;
}


.sprt{
	border-bottom:1px dashed #CCC;
	margin:2px 0;
}
.catRow { 
	margin:0;
	padding:8px;
	background:#fdfdfd;
	border-bottom:1px solid #ececec;
}
a:link {
	color: #006699;
	text-decoration:none;
}

/*aa*/
.gen {
	padding: 5px;
}
.thumb {
	float: left;
}
div.entry{
	margin:10px 2px;
	overflow:auto;
}
.tdesc{
	float:left;
	font-size:100%;
	padding: 1px;
	margin-left: 5px;
}
.atext{
	padding: 10px;
	line-height: 1.5;
}
a.nodec{
	text-decoration: none;
}
p.nocol {
	color: #000;
}
p{
	padding: 1px;
	margin: 1px;
}
.smallgray{
	font-size: 10px; color:#ccc;
}

.catRow { 
	margin:0;
	padding:8px;
	background:#fdfdfd;
	border-bottom:1px solid #ececec;
}
a .catRow{display: block;padding:10px; color:#3b5998}

.riskyjatt, .riskyjatt2 {
    background-position: 1px center;
    background-repeat: no-repeat;
    background-size: 30px;
    border-bottom: 1px solid #ede9dc;	
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.riskyjatt a{
	display: block;
    padding: 14px 0px 14px 8px;
    color: #3b5998;
}
a .riskyjatt{	display: block;
    padding: 16px 0px 16px 8px;
    color: #3b5998;
	}
.riskyjatt:hover{background-color:#E6E6E6;}
.riskyjatt img {
    vertical-align: middle;
}
.down {float:left}
.down a{
background-color:#00c3f4;
color:#fff;
padding:10px 20px;
font-weight:bold;
border-radius:3px;
margin:5px;
text-decoration:none;
border-bottom:1px solid #F2F2F2;
}
.down a:hover{background-color:#262627;}
.buttons {margin:10px 0px 20px 0px;padding:10px 0px;}
input[type="Back"]:hover {
color : #fff;
background : #333;
}
.down2 {float:left}
.down2 a{
background-color:#e05fef;
color:#fff;
padding:10px 20px;
font-weight:bold;
border-radius:3px;
margin:5px;
text-decoration:none;
border-bottom:1px solid #F2F2F2;
}
.down2 a:hover{background-color:#262627;}
.style24 {
color : brown;
}
.adz {

width:180px;
max-height:75px;
height:75px;

 
}
.adz img{max-width:300px}
.buttons {margin:10px 0px 20px 0px;padding:10px 0px;}
input[type="Back"]:hover {
color : #fff;
background : #333;
}

.cut_r {
    display: block;
    margin: 5px;
    padding: 0;
}
.cut_r p {
    border-bottom: 1px solid #fff;
    margin: 2px 0;
    padding: 4px 4px;
}
.cut_r label {
    background: #F4F4F4 none repeat scroll 0 0;
    color: #000;
    padding: 7px 5px;
}
.pad.cut_r span {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    padding: 6px 5px;
    vertical-align: 1px;
}
.cut_r input, .cut_r select {
    border: medium none;
    box-shadow: 1px 1px 0 #333 inset;
    padding: 5px 0;
    text-align: center;
}
.cut_r .btn {
    background: #1A83CD none repeat scroll 0 0;
	box-shadow:0 -13px 0 #036cb6 inset!important;
	border:none;
}
.cut_r select {
    margin: 0 4px;
}
.btn {
    background: #1a83cd none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
	cursor:pointer;
	box-shadow:0 -13px 0 #036cb6 inset;
    padding: 6px 1px;
}
.albumCover,
.albumInfo,
.albumCoverSmall {
    float: left;
}
.albumCover img {
    width: 100px;
    height: 100px;
    border: solid 1px #fff;
}
.albumCoverSmall img {
    width: 120px;
    height: 120px;
    border: solid 1px #fff;
}
.style24 {
    color: ##D63030;
    font-weight: bold!important;
}
.style18 {
    color: #484C4D
}
.style24 {
    color: #CE3B3B;
}
.share a{
display:inline-block;
}
.share a:hover,.share a:active{
    background: #eee;
}
.shareicon{
    margin: 10px;
}

@media (max-width: 600px) {
.share{
    width:96%;
    overflow:auto;
    margin: 0 auto!important;
    padding: 0!important;
}
.share a{
   text-align:center;
   float: left;
   width: 16%;
}

.shareicon{
   margin: 10px 0!important;
 }
}
.mainTitle {
    background: #DDD;
    color: #000;
    font-weight: bold;
    padding: 4px 5px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #0489b1
}
.margin {
	margin: 0;
}
.searchbar {  width: 100%;  position: relative;  display: flex;} 
.searchTerm {  width: 100%;  
border: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
  padding: 5px;  
  border-radius: 5px 5px 5px 5px;  
font-size: 14px;
outline: none;  color: var(--systemPrimary);
margin: 0px 4px 0px 0px;
    background-color: var(--webNavigationMobileBg-rgb);
}
.searchButton {    
border: 1px solid rgba(0,0,0,.1);
background: #1a83cd;
text-align: center;  
color: #fff;  
padding: 2px 0px 0px 6px;
border-radius: 5px 5px 5px 5px;  
cursor: pointer;  
font-size: 20px;
width: 45px; height: 40px;}
.searchwrap {     
width: 90%;    
position: relative;    
top: 0;    
left: 50%;    
transform: translate(-50%, -4%);    
margin: 8px 0px 4px 0px;
}
.jattsearch {     
background-image: url("data:image/svg+xml,<svg viewBox='0 0 22 22' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M18.677 19.607l-5.715-5.716a6 6 0 0 1-7.719-9.133a6 6 0 0 1 9.134 7.718l5.715 5.716l-1.414 1.414l-.001.001zM9.485 5a4 4 0 1 0 2.917 1.264l.605.6l-.682-.68l-.012-.012A3.972 3.972 0 0 0 9.485 5z'/></svg>");   
padding: 30px 0px 0px 30px;
color: var(--morebyy);
overflow: hidden;     
text-overflow: ellipsis;     
white-space: nowrap;     
background-position: 2px center;     
background-repeat: no-repeat;     
background-size: 24px;
font-weight: 600;
letter-spacing: .0015em;
} 
.trow { 
	margin:0;
	padding:5px;
	background:#fdfdfd;
	border-bottom:1px solid #ececec;
}
  ol.breadcrumbs{
   list-style-type:none;
   margin: 0;
   margin-left:3px;
   padding: 0;
   display: inline-block;
  }
  ol.breadcrumbs li{
   float: left;
   margin-left: 5px;
  }
  ol.breadcrumbs li:after{
  content: '> ';
  color: black;
  }
  ol.breadcrumbs li.last:after{
  content: none;
      }
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #1a83cd;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}	
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
   margin: 3px;
 }
 
 /* Style the icon bar links */
 .icon-bar a {
   display: inline-block;
   text-align: center;
   padding: 5px;
   /* height: 1.5em; */
   width: 1.5em;
   transition: all 0.3s ease;
   color: white;
   font-size: 20px;
   
 }
 
 /* Style the social media icons with color, if you want */
 .icon-bar a:hover {
   background-color: #000;
 }

 .selected {
   background-color: rgb(8, 103, 158);
 }
 
 .facebook {
   background: #3B5998;
   color: white;
 }
 
 .twitter {
   background: #55ACEE;
   color: white;
 }
 
 .qrcode {
   background: #000000;
   color: white;
 }
 .whatsapp {
   background: #25D366;
   color: white;
 }
 
 .envelope {
   background: #9c9b9b;
   color: white;
 } 

 .email {
   background: #ea4335;
   color: white;
 } 
 .copy {
   background: #9c9b9b;
   color: white;
 }