@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);

*, :before, :after {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol, ul {list-style: none;}
:focus {	outline: 0;}
::-webkit-input-placeholder{text-indent: 0px;   transition: text-indent 0.3s ease;}
::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;}/* Firefox 19+ */
:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;}/* Firefox 18- */
:-ms-input-placeholder{ text-indent: 0px;   transition: text-indent 0.3s ease;}
:focus::-webkit-input-placeholder{ text-indent: -500px; transition: text-indent 0.3s ease;}
:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder{ text-indent: -500px;   transition: text-indent 0.3s ease;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label, input[type="submit"], input, button{
	-webkit-appearance:none;
	font-family: inherit;
}
label, input[type="submit"], button{cursor:pointer;}
img{border: none;}


body{
	font: 400 12px/18px 'Roboto', sans-serif;
}
h1{
    font-size: 28px;
    color: #d90030;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 130%;
}
h2{
	font-size: 20px;
    color: #d90030;
	font-weight: normal;
	border-bottom: 2px solid #515151;
	margin-bottom: 18px;
	padding: 16px 0 3px;
}
#wrap{}
.container{
	padding: 0 15px;
	position: relative;
	margin: 0 auto;
}
.clearfix:before, .clearfix:after, 
.container:before, .container:after{
	content: "";
	display: table;
	clear: both;
}
.text-light{font-weight: 300;}
.link, .link2{font-size: 13px;}
.link1{font-size: 11px;}
.text-center{text-align: center;}
img[src="/templates/img/block_top_232.gif"], img[src="/templates/img/block_bot_232.gif"]{display: block;}
.share-list li{
    display: inline-block;
    vertical-align: text-top;
    margin: 10px 0;
    padding-right: 3px;
}
.visible-xs{display: none !important;}
.hidden-xs{display: block !important;}
.align-cell tr td:first-child{text-align: left !important;}
.align-cell td{padding-bottom: 10px;}
.letter-block li{list-style-type: none;}


/* header */
.logo, .banner-header, aside, .main, .copyright, .info{
	float: left;
}
.logo{padding: 7px 0 15px;}
.logo img{
	display: block;
	max-width: 100%;
	height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.logo, aside{width: 31%;}
.banner-header, .main{
    width: 69%;
    float: right;
}
.banner-header{
	border-bottom: 5px solid #b02840;
	margin-bottom: 2px;
	padding-bottom: 9px;
	height: 108px;  
    display: none;
}

/* aside */
aside{
}
.block_head{
	background: #bf2845 url(/templates/img/block_head-bg.png) 0 0 repeat;
	border-top-left-radius: 20px;
    height: 50px;
}
.social{padding: 5px 9px;}
.social li{
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
}
.social .sprites{
	width: 32px;
	height: 32px;
}
.wrap-banner{
	background: url(/templates/img/block_bg.gif) 5px 0 repeat-y;
	position: relative;
	padding: 15px 15px 5px;
	border-bottom: 5px solid #c22749;
	margin: 0 auto 18px;
}
.wrap-banner>ins{height: 250px !important;}
.wrap-banner:before, .wrap-banner:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
}
.wrap-banner:before{
	background: url(/templates/img/sh_top.gif) 0 0 repeat-x;
    height: 6px;
	left: 0;
	right: 0;
}
.wrap-banner:after{
	bottom: 0;
	left: 0;
	top: 0;
	-webkit-box-shadow: inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
	width: 5px;
}
.box{
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fdfdfd;
}
.box-header{
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    background: #B02840;
    padding: 10px 5px 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.box-table{width: 100%;}
.box-table td{
    padding: 8px 5px;
    font-size: 14px;
}
.box-table td+td{width: 27px;}
.box-table a{
	text-decoration: none;
}
.box-table tr:nth-of-type(odd) td{background: #b0284017;}
.box-footer{
    font-weight: bold;
    text-align: right;
    padding: 13px 15px 11px;
}
.box-footer a{color: #d90030;}


/* nav */
nav{
    background: #b02840;
    padding: 8px 0 8px;
    text-align: center;
    margin-bottom: 30px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-top: 10px;
    border-radius: 8px;
    background-image: radial-gradient(50% 100%, #515151 9%, #515151 100%);
    background-image: radial-gradient(50% 100%, #515151 9%, #515151 100%);
    background-image: radial-gradient(50% 100%, #515151 9%, #515151 100%);
    -webkit-box-shadow: 0 2px 10px 0;
    box-shadow: 0 2px 10px 0;
    color: #51515199;
}
nav li{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px; 
}
nav a{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
nav a:hover{text-decoration: underline;}

/* search */
.search {
    color: #fff;
    font-size: 22px;
    border-radius: 8px;
    text-align: center;
    border: 2px;
    border-style: solid;
    border-color: #b02840;
    padding: 10px;
    background: #b02840;
}
.search select{
	width: 100px;
}
.search  input[type="Text"]{
	width: 42.5%;
}
input[type="Text"], input[type="Password"]{
	 height: 22px;
	 width: 152px;
	 border: 1px solid #000;
	 font-size: 12px;
	 padding: 2px;
}
.search .text-light{
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
	margin-right: 16%;
}
.search input[type="image"]{
	width:67px;
	height:24px;
	vertical-align: bottom;
	display: inline-block;
}

/* content */
.content{padding: 0 0 20px 15px;}
.content a{
	color: #000;
	text-decoration: none;
}
.content a:hover{text-decoration: underline;}

.title{
	font-size: 22px;
    color: #d90030;
	font-weight: normal;
	border-bottom: 2px solid #515151;
	margin-bottom: 18px;
	padding: 16px 0 3px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 140%;
}
.title a{
	color: #000;
	text-decoration: none;
}
.title a:hover{text-decoration: underline;}
.title-small{
	text-transform: uppercase;
	border-bottom: 3px solid #d90030;
	color: #515151;
	font-weight: bold;
	margin-bottom: 15px;
}
.title-new{
    margin-bottom: 18px;
    display: inline-block;
    border-left: #b02840 3px solid;
    padding: 10px 0 10px 10px;
    color: #b02840;
    position: relative;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
}
.artist-title a {
    color: #d90030;
    font-size: 20px;
}
.artist-title-cat  a {
    color: #ffffff;
}
.list li{
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 1px;
}
.red-text{color: #d90030;}
.count{
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	width: 21px;
    text-align: right;
    margin-right: 4px;
}
.top-albums-list li{
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
	width: 182px;
}
.top-albums-list a, .top-albums-list{
	color: #d90030;
	font-weight: bold;
}
.wrap-img{
    display: table;
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 25px;
}
.wrap-img img{
	display: block;
	max-width: 100%;
	height: auto;
}
.middle-wrap{
    padding: 10px;
    position: relative;
    background: #fff;
    box-shadow: 0 5px 15px rgba(139, 160, 176, 0.43);
}
.big-wrap{
    padding: 15px;
    position: relative;
    background: #fff;
    box-shadow: 0 5px 15px rgba(139, 160, 176, 0.43);
}
.album-list h2, .album-list strong, .album-list  a{
	float: left;
    font-size: 14px;
}
.album-list h2, .album-list  a{width: 80%;}
.album-list strong{
	width: 20%;
	text-align: right;
}
.red-title{
	font-size: 14px;
    color: #d90030;
    font-weight: bold;
}
.content-banner{margin-top: 30px;}
.song-text {
    padding-top: 30px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 400;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-word;
    color: #515151;
}
.song-left{text-align: right;}
.song-right a{
	color: #d90030;
	font-size: 11px;
	font-weight: bold;
}

/* form */
.wrap-form{
	border: 1px solid #000;
    padding: 10px;
    max-width: 100%;
	font-size: 13px;
	display: inline-block;
	margin: 24px auto;
}
.wrap-form>div{
	display: inline-block;
	vertical-align: top;
}
.wrap-form span{
	display: block;
	min-height: 17px;
}
.wrap-form form{padding: 18px 4px 0px;}
.wrap-form form td{
	padding: 2px 3px;
	white-space: nowrap;
}
.wrap-form textarea{width: 100%;}






/* breadcrumbs */
.breadcrumbs{padding: 5px 0 0;}
.breadcrumbs ul, .breadcrumbs>span{
	border-bottom: 1px dotted #d90030;
	display: inline-block;
}
.breadcrumbs li{
	display: inline-block;
	vertical-align: baseline;
	font-size: 13px;
}
.breadcrumbs li+li:before{
	content: ">";
	display: inline-block;
	margin: 0 5px 0 3px;
}
.breadcrumbs a{text-decoration: underline;}
.breadcrumbs a:hover{text-decoration: none;}
.breadcrumbs h1, .breadcrumbs h3{
	font-size: 13px;
	display: inline;
}
.breadcrumbs h3{font-weight: normal;}
.breadcrumbs ul.home-title{
    text-align: center;
    width: 100%;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px;
}
.breadcrumbs ul.home-title h1{
    font-size: 37px;
    padding: 5px 0;
}


/* footer */
footer{padding: 35px 26px 0;}
.copyright, .info{
	border-top: 5px solid #000;
	padding: 17px 0;
}
.copyright{width: 27%;}
.info{
	width: 72%;
	margin-left: 1%;
	font-size: 10px;
	text-align: center;
}

/* sprites */
.sprites{
	display: inline-block;
	vertical-align: middle;
	background: url(/templates/img/sprites.png) 0 0 no-repeat;
}
.song{
	background-position: -25px -50px;
	width: 16px;
	height: 16px;
}
.i-faceboock{background-position: -50px 0;}
.i-google{background-position: 0 0;}
.i-twitter{background-position: -100px 0;}
.artists{
	background-position: 0 -50px;
	width: 16px;
	height: 16px;
}
.albums{
	background-position: -80px -50px;
	width: 16px;
	height: 16px;
}
.i-top-icon{
	background-position: -50px -50px;
	width: 21px;
	height: 21px;
	vertical-align: top;
    margin-right: 12px;
    margin-left: 4px;
}



/* responsive */
@media (min-width: 768px) and (max-width: 992px) {
	nav li{margin: 0 1px;}
	.middle-wrap img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	.top-albums-list li{
		width: 140px;
		margin-right: 3%;
	}
	.wrap-img a{height: auto;}
}

@media (min-width: 768px) {
.bottom-block {
    margin-top: 20px;
}
.song-text {
    padding: 20px;
}
	.container{width: 750px;}
	.column{
		float: left;
		padding: 0 9px;
		min-height: 1px;
	}
	.column-35{
	width: 40%;
    margin-right: 40px;
	}
	.column-30{width: 30%;}
	.column-70{
		width: 100%;
		padding-left: 0;
	}
	.column-50{width: 50%;}
	
}
@media (min-width: 992px) {
	.container{width: 970px;}
}
@media (min-width: 1200px) {
	.container{width: 1080px;}
	.top-albums-list li{margin-right: 6%;}
}

@media (max-width: 992px) {
	.search .text-light{margin-right: 2%;}
}
@media (max-width: 768px) {
    
	nav{display: none;}
	.logo, .banner-header, aside, .main, .copyright, .info{
		float: none;
		width: 100%;
	}
	.content{padding-left: 0;}
	footer{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.info{border: none;}
	.logo img{margin: auto;}
	.top-albums-list li{
		display: block;
		margin: 0 auto 20px;
	}
	.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget>span{width: 100% !important;}
	.visible-xs{display: block !important;}
	.hidden-xs{display: none !important;}
	.song-left, .song-right{
		width: 50%;
		float: left;
		padding: 0 5px;
	}
	.align-cell tr td:first-child{text-align: center !important;}
	.content li{margin-bottom: 10px;}
	.content li:before, .content li:after{
		content: "";
		display: table;
		clear: both;
	}
	.box-table td{
		padding: 6px 5px;
		line-height: 25px;
	}
	.align-cell td{line-height: 25px !important;}
}
@media (max-width:570px){
	.content>table>tbody>tr>td, .content>table>tbody>tr>td>table, .letter-block>table>tbody>tr>td{
		width: 100% !important;
		display: block;
	}
	.search input[type="Text"]{
		width: 70%;
		margin-top: 10px;
	}
	.wrap-form form, .wrap-form tbody, .wrap-form tr, .wrap-form td{
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.wrap-form input[type="Text"], .wrap-form input[type="Password"]{
		width: 100%;
	}
	
	
}










.top_bor_lr{
	border-right: 1px solid #515151;
	border-left: 1px solid #515151;
}
.alphabet{
	padding: 5px;
}
.alphabet a{
	color:White;
	text-decoration: none;
	font-size: 19px;
	font-family: Verdana;
	font-weight: bold;
}
.alphabet a:hover{
	text-decoration: underline;
}
.alphabet2 a{
	color:Black;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana;
}
.alphabet2 a:hover{
	text-decoration: underline;
}
.top_bor_bot{
	background-image: url(/templates/img/top_bor_bot.gif);
	background-repeat: repeat-x;
}
.border_r{
	background-color: #bf2845;
	width: 5px;
	font-size: 1px;
}
.border_l{
	background-image: url(/templates/img/border_l.gif);
	width: 5px;
	background-repeat: repeat-y;
}
.item_tbl{
	border:1px solid #737373;
	border-top:0;
}
.list_icon{
	background-image: url(/templates/img/list_icon.gif);
	background-repeat: no-repeat;
	width: 27px;
	background-position: center;
}
.album_icon{
	background-image: url(/templates/img/list_album_icon.gif);
	background-repeat: no-repeat;
	width: 27px;
	background-position: center;
}
.block_top{
	background-image: url(/templates/img/sh_top.gif);
	height: 6px;
	background-repeat: repeat-x;
	font-size: 1px;
}
.block_bg{
	background-image: url(/templates/img/block_bg.gif);
	background-repeat: repeat-y;
	width: 271px;
	padding: 9px;
}
.block_footer{
	height: 5px;
	background-color: #bf2845;
	font-size: 1px;
}
.buy{
	position:absolute;padding-top:150px;padding-left:180px;
}
*html .buy{
	padding-left:150px;
}
.buy2{
	position:absolute;
	margin-top:140px;
	margin-left:140px;
	width:56px;
	height:58px;
}
.buy3{
	position:absolute;padding-top:130px;padding-left:160px;
}
.buy4{
	position:absolute;
	margin-top:170px;
	margin-left:170px;
	width:56px;
	height:58px;
}
.body_bor_bot{
	border-bottom: 3px solid #d90030;
}
.input{
	border: 1px solid #050404;
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}
.big_img{
	background-color: #b02840;
	background-repeat: no-repeat;
	background-position: right;
}
.body_block_md{
	background-image: url(/templates/img/body_block_md.gif);
	background-repeat: repeat-y;
	height: 158px;
}
.text1{
	font-size: 13px;
	color: #515151;
	font-family: Verdana;
}
.text2{
	color: Black;
	font-size: 13px;
	font-family: Verdana;
	text-decoration: none;
}
.text3{
	font-size: 12px;
	color: #515151;
	font-family: Arial;
	font-weight: bold;
}
.text4{
	font-size: 14px;
	color: Black;
	font-family: Verdana;
}
.text5{
	font-size: 11px;
	color: #d90030;
	font-family: Verdana;
	font-weight: bold;
}
.text6{
    color: Black;
    font-size: 16px;
    text-decoration: none;
    line-height: 14px;
}
.text6 a{
	font-size: 12px;
    color: #b02840;
	font-family: Verdana;
	text-decoration: underline;
}
.text6 td a:hover{
	text-decoration: none;
}
.text7{
	font-size: 22px;
	color: #d90030;
	font-family: Verdana;
}
.text8{
	font-size: 14px;
	color: #d90030;
	font-family: verdana;
	font-weight:bold;
}
.text9{
	font-size: 14px;
	color: Green;
	font-family: verdana;
	font-weight:bold;
}
.link1{
    font-size: 14px;
    line-height: 22px;
    color: Black;
    font-family: Verdana;
    text-decoration: none;
}
.bio{
	font-size: 13px;
	color: Black;
	font-family: Verdana;
	text-decoration: none;
}
.link1:hover{
	text-decoration: underline;
}
.link1a{
	font-size: 13px;
	line-height:18px;
	color: Black;
	font-family: Verdana;
	text-decoration: underline;
}
.link1a:hover{
	text-decoration: none;
}
.link a{
    font-size: 14px;
    line-height: 25px;
    color: #d9002f;
    font-family: Verdana;
}
.link a:hover{
	text-decoration:none;
}
.inner_link a{
	font-size: 13px;
	color: Black;
	font-family: Verdana;
	text-decoration:underline;
}
.inner_link a:hover{
	text-decoration:none;
}
.link2 a{
	font-size: 13px;
	color: Black;
	font-family: Verdana;
	text-decoration:none;
}
.link2 a:hover{
	text-decoration:underline;
}
.link2{
    font-size: 14px;
    color: #d90030;
    text-decoration: none;
    line-height: 40px;
    padding-left: 5px;
}
.link2:hover{
	text-decoration: underline;
}
.link3{
	font-size: 22px;
	color: #d90030;
	font-family: Verdana;
	text-decoration:none;
}
.link3:hover{
	text-decoration:none;
}
.list_bg1{
	background-color: White;
}
.list_bg2{
	background-color:#e2e2e2;
}
form{
	margin: 0;
	padding: 0;
}
.bord_grey{
	border-bottom: 3px solid #515151;
}
.md_232{
	background-image: url(/templates/img/block_mid_232.gif);
	width: 232px;
	background-repeat: repeat-y;
}
.duga{
	background-image: url(/templates/img/duga.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.navigation{
	background-image: url(/templates/img/navigation.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#namanyay-search-btn {
    background: #ffffff;
    color: #b02840;
    padding: 11px 20px;
    padding-bottom: 13px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border: 0 none;
    font-weight: bold;
    font-size: 14px;
}
 
#namanyay-search-box {
    background: #eee;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border: 0 none;
    min-width: 200px;
    height: 40px;
}
#namanyay-type-box {
    background: #eee;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border: 0 none;
    width: 75px;
    height: 40px;
}
.home-top-title {
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    margin: 0;
}
.artist-title-cat {
    font-size: 28px !important;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    background: #b02840;
    border-radius: 2px;
    color: white;
    width: 100%;
    display: block;
    margin-top: 20px;
    max-width: max-content;
}

.album-list-all {
    width: 80%;
    float: left;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 2px solid #515151;
    margin-bottom: 18px;
}
@media (max-width: 570px) {
.search-but {
    margin-top: 10px;
}
#namanyay-type-box {
    border-radius: 2px;
}
#namanyay-search-box {
    border-radius: 2px;
    min-width: 200px;
    height: 40px;
}
#namanyay-search-btn {
    background: #ffffff;
    color: #b02840;
    padding: 6px 50px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border: 0 none;
    font-weight: bold;
    font-size: 14px;
}
}