@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:32px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.topnav a.icon .material-icons{
    font-size: 37px;
}
.topnav a.search-icon .material-icons{
    font-size: 35px;
}
body {
    word-wrap: break-word;
    max-width: 700px;
    margin: 0 auto;
    font-family: Calibri,Roboto,CaviarDreamsRegular,sans-serif!important;
    font-size: 14px;
    box-shadow: 0 0 15px 0 #a7a7a7;
    background-color: #f1f3f4;
}
* {
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.header{
	position: fixed;
	width: 100%;
	max-width: 700px;
	top: 0;
	margin-top: 0;
	padding-top: 0;
	z-index: 100;
	height: 55px;
	background: #67439d no-repeat center 0 url(../image/bgs.jpg);
}
.topnav {
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 20px -5px #000;
    height: 55px;
}
.topnav-menu {
    padding: 8px 10px;
    font-size: 15px;
    display: block;
    border-bottom: solid .5px #fff;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
#mysearch {
    background: #58007d;
}
#myLinks{
    background: #b0007c;
}
.topnav a.icon {
    left: 0;
    padding: 10px 8px 8px;
    width: 45px;
    /* background-color: #040404; */
}
.topnav a.search-icon {
    right: 0;
    padding: 12px 0px 7px;
    width: 45px;
}
.topnav a.icon, .topnav a.search-icon {
    position: absolute;
    font-size: 0;
    color: #fff;
    display: block;
    bottom: 0;
    top: 0;
}
.topnav .logo {
    color: #fff;
    display: block;
    padding-top: 2px;
    text-align: center;
}
.topnav .logo img {
    width: 194px;
    vertical-align: middle;
}
.main{
	min-height: 800px;
	background-color:#fff;
}
.footer{
	min-height: 60px;
	background: #67439d no-repeat center 0 url(../image/bgs.jpg);
}

.footer .foottext{
    padding: 10px;
    color: #fff;
}
.speedbar {
    height: 40px;
    line-height: 40px;
    background: #f6f6f6;
    padding-left: 10px;
    color: #717171;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.speedbar a{color: #000000;text-decoration: none;}
   .logo img {width: 220px;}
   .zamona-main{
    width: 870px;
    background: #ffffff;
    float: left;
    min-height: 940px;
    box-shadow: 0 0 5px #676767;
    margin-bottom: 20px;
    height: 100%;
    overflow: hidden;
}

ol[typeof=BreadcrumbList]
{
    list-style:none!important;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
ol[typeof=BreadcrumbList] > li
{
    display:inline-block;
}

.zamonaright {
    overflow: hidden;
    margin-top: 10px;
    display: block;
    border-radius: 2px;
    margin-bottom: 8px;
}

.zamonaright .zamona-left-item {
    padding: 5px 5px;
    overflow: hidden;
    margin: 10px;
    box-shadow: 0 0 5px #a2a2a2;
    border-radius: 5px;
}

.zamonaright .zamona-left-item a {
 text-decoration: none;
    color: #232323;
    width:100%;
  float: left;
}

span.number {
    width: 30px;
    display: inline-block;
    height: 37px;
    float: left;
    line-height: 52px;
    font-size: 20px;
    margin-left: 0;
    font-weight: 700;
    color: #ca0769;
    text-align: center;
    padding: 7px 0;
}

.zamona-left-item img {
    display: inline-block;
    float: left;
    margin-right: 6px;
    height: 60px;
    background: #ffffff;
    width: 60px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
    border-radius: 41px;
    padding: 4px;
}
.zamona-left-item img:hover {
    background: #ffd800;
    transition: 0.5s;
}
span.artist {
    display: block;
    color: #ca0769;
    font-weight: 700;
    height: 28px;
    font-size: 14px;
    top: 15px;
    line-height: 18px;
    margin-bottom: 6px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 174px;
    text-overflow: ellipsis;
}
span.songtitle {
    display: block;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    width: 174px;
    text-overflow: ellipsis;
}
.zamona-mp3 {
  height: 85px;
  margin: 12px;
  line-height: 38px;
  overflow: hidden;
  box-shadow: 0 0 5px #a2a2a2;
  border-radius: 5px;
  padding: 1px;
}
.zamona-mp3 img {
  width: 66px;
  background: #ffffff;
  margin-top: 5px;
  height: 66px;
  margin-right: 5px;
  padding: 5px;
  margin-left: 0px;
  border-radius: 69px;
  float: left;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
} 
.zamona-mp3 img:hover {
    background: #ffd800;
    transition: 0.5s;
}
.zamona-mp3 a {
  width:100%;
  text-decoration: none;
  padding-left: 5px;
  color: #565656;
  float: left;
}

.zamona-mp3 b {
  text-decoration: none;
  margin-left: 5px;
  
  color: #565656;
}
.zamona-mp3 h2 b {
    color: #e42bbd;
}

.zamona-mp3 b:hover {
  transition: 0.5s;
  color: #ca0769;
}
.zamona-mp3 h2 {
  font-size: 17px;
  line-height: 1;
  padding: 0;
  margin-block-start: 18px;
  margin-block-end: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.zamona-mp3 span {
    font-size: 14px;
    margin-left: 5px;
    color: #8a8989;
    position: relative;
    top: -11px;
}
.zamona-mp3 .artist{font-size: 14px;}
.artist {
    height: 18px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.music-title{
    padding-top: 12px;
    padding-bottom: 11px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #717171;
    margin-block-start: 0;
    margin-block-end: 0;
}
.artist-block .music-title{color: #ffffff;}
.music{padding: 1px;overflow: hidden;}
.zamona-artist {
    width: 50%;
    height: 200px;
    float: left;
    overflow: hidden;
}
.zamona-artist a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}
.zamona-artist img {
    padding: 5px;
    width: 124px;
    background: #f8f8f8;
    height: 124px;
    border-radius: 50%;
}
.zamona-artist img:hover {background: #fed800;}
.zamona-artist h2 a:hover{color:#f5148c;}
.zamona-artist h2 {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    height: 30px;
    overflow: hidden;
}
 .artist-block{overflow: hidden;background: #696969;width: 100%;display: block;padding-top: 4px;text-align: center;margin-bottom: 0px;box-shadow: 0 0 5px #676767;padding: 0 !important;}
.navigation {
    text-align: center;
}
.navigation .pnext a, .pprev a{
  min-width: 130px;
  max-width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: rgb(202,111,221);
  background: -moz-linear-gradient(left,rgba(202,111,221,1) 0%,rgba(114,144,220,1) 100%);
  background: -webkit-linear-gradient(left,rgba(202,111,221,1) 0%,rgba(114,144,220,1) 100%);
  background: linear-gradient(to right,rgba(202,111,221,1) 0%,rgba(114,144,220,1) 100%);
  box-shadow: 1px 5px 14px 0 rgba(158,98,213,.86);
  border-radius: 34px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .pnext a:hover, .pprev a:hover{min-width: 145px;transition: 0.4s;box-shadow: 0 0 15px black;color: #000000;}
    a {
    color: #010101;
    text-decoration: none;
}
a:hover {
  transition: 0.4s;
    color: #f4148c;
}
.bot {
    clear: both;
}
.muzinfo ul li a{color: #f4148c;}
h3 a{color: #f4148c;}
.muzinfo {
                padding: 5px;
                overflow: hidden;
            }
            
            .muzinfo img {
                background: #f6f6f6;
                width: 170px;
                height: 170px;
                box-shadow: 0 0 5px #929191;
                border-radius: 50%;
                margin: 12px;
                padding: 5px;
            }
            
            .muzinfo ul {
                list-style: none;
                 width: 100%;
                margin-block-start: 0em;
                margin-block-end: 0em;
            }
            
            .muzinfo ul li {
                padding: 5.4px 19px;
                background: #f6f6f6;
                margin: 5px;
                font-size: 16px;
                border: 2px solid #f6f6f6;
                border-radius: 0px;
            }
             .muzinfo h1 {font-size: 18px;}
             .muzinfo h2 {font-size: 16px;}
             .muzinfo h3 {font-size: 15px;}
            .muzinfo p {
                
                width: 840px;
                padding: 5px 5px;
                text-align: center;
                font-size: 15px;
                border: 1px solid #dadada;
                margin: 5px;
            }
            
           .muzinfo .singerinfo {
    background-color: #eaeaea;
    height: 203px;
    overflow: hidden;
    margin-top: 4px;
    padding: 5px;
}
         