@import url('https://fonts.googleapis.com/css?family=Roboto');
* {
	box-sizing: border-box;
	outline: 0
}
body, ul, ol, li {  
	margin: 0;
	padding: 0;
} 
iframe{
        width: 100%;
}
.contentdetailimg img {
    width:100%;
}
h3 {font-family:Neue Helvetica;
}
body { 
	background: #3b3b3b;
}
header {
 background: #fff; 
}
header .logo {
	margin: 0;
	text-align: center;   
}
.banner {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}
#navbar {
	padding: 0
}
.navbar-form.search {
	padding: 0;
	width: 50%
}
header .top-warp {
	background: #333;
	color: #fff;
	font-size: 12px;
	padding: 3px 0;
}
header .top-warp ul li {
	list-style: none;
	display: inline-block
}
header .top-warp ul li a {
	color: #fff;
	text-decoration: none;
}
header .top-warp ul li a:hover {
	color: #ccc
}
header .bottom-warp .form-control, header .bottom-warp .btn {
	border-radius: 0
}
header .bottom-warp .form-control {
	border-color: #1e2126;
}
header .bottom-warp .btn {
	background: #129fda;
	border: 0;
	color: #fff;
}
header .sec-warp {
	padding: 5px 15px
}
header .bottom-warp {
	background: #191919;
	position: relative;
}
header .bottom-warp.fixed-menu{
position:fixed;
}
header .bottom-warp.fixed-menu {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
header .bottom-warp .nav > li > a {
	color: #fff;
	transition: all 0.5s;
        z-index: 999;
}
header .bottom-warp .nav > li > a:hover {
	color: #009ed6;
	background: transparent
}
header .bottom-warp .nav > li:last-child > a {
	border-right: 0
}
#time {
	color: #fff;
}
.padl0 {
	padding-left: 0
}
aside {
	float: right;
	padding: 0 15px 0 15px;
	width: 26.5%;
}
.left-col {
	width: 73.2%;
	padding-left: 15px;
	float: left
}
.main-warp {
	box-sizing: border-box;
	margin-top: 15px;
}
.add300x250 {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}
.add300x250-conwarp {
	transition: all 0.6s;
	padding: 3px;
	width: 100%;
}
.grid_1_of_5.images_1_of_5.dm3 .content-warp.ne {
	background: #129fda;
	padding: 2px 5px;
}
.grid_1_of_5.images_1_of_5.dm3 .content-warp.ne h3 a, .grid_1_of_5.images_1_of_5.dm3 .content-warp.ne p a {
	color: #fff
}
.grid_1_of_5.images_1_of_5.dm3 .content-warp.ne h3 a:hover, .grid_1_of_5.images_1_of_5.dm3 .content-warp.ne p a:hover {
	color: #000
}
.grid_1_of_5 .box-warp {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
}
.grid_1_of_5.images_1_of_5.dm4 {
	box-shadow: none;
	background: #f1f1f1;
}
.grid_1_of_5.images_1_of_5.dm4 .img-box {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px auto;
	border: 3px solid #fe9900;
}
.grid_1_of_5.images_1_of_5.dm4 .img-box img {
	height: 100%
}
.grid_1_of_5.images_1_of_5.dm4 p {
	font-size: 12px;
	padding: 0 15px;
	color: #7f7f7f;
}
.grid_1_of_5.images_1_of_5.dm4 h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #7f7f7f;
	margin: 12px 0;
	line-height: 22px;
}
.grid_1_of_5.images_1_of_5.dm4 a {
	color: #000;
}
.artist-img {
	width: 100%;
	float: left;
	position: relative;
	height: 275px;
	overflow: hidden;
}
.artist-top h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
/*------start for image uploader--------*/
._cssimg, .loader {
	position: absolute
}
._cssimg input[type=file], ._imgshow input[type=file], .loader {
	display: none
}
._cssimg {
	color: #009688;
	border: 3px dashed #009688;
	padding: 5%;
	text-align: center;
	height: 100%;
	cursor: pointer;
	background-color: rgb(241, 241, 241);
	opacity: .7;
	width: 100%
}
._cssimg:hover {
	opacity: 1
}
._cssimg:before {
	content: attr(text-file)
}
._imgshow {
	cursor: pointer;
	width: 100%;
	opacity: 1;
	height: 100%;
}
._imgshow img {
	background-color: #fff;
	max-width: 100%;
	min-width: 100%
}
/*----------end-------------*/

.social-feeds {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	border: 5px solid #f1f1f1;
	padding: 5px;
}
.social-feeds ul li {
	display: inline-block;
	margin: 5px;
	list-style: none;
	width: 45%;
	text-align: center;
	background: #dbe9f2;
	padding: 2px
}
.related-artists {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #f1f1f1;
	
}
.related-artists img{width: 100%;}
.related-artists h3.head{background: #000;
color: #fff;
text-align: center;
font-size: 20px;
padding: 5px;
margin-top: 0; margin-bottom: 5px;}

.related-artists ul.Popular-Content-sec{width: 100%; margin:0 -5px;}
.related-artists li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}
.related-artists li h6 {
	font-size: 11px;
}
.related-artists li h6 span {
font-size: 49px;
display: block;
text-align: center;
margin: 5px;
}
.related-artists li .col-xs-3, .related-artists li .col-xs-4, .related-artists li .col-xs-6, .related-artists li .col-xs-2 {
	padding: 0;
	text-align: center
}
.related-artists li .pn-info em {
	font-style: normal;
	display: table;
	font-size: 11px;
	color: #7f7f7f;
	font-weight: 400;
	float: right;
	margin-top: 2px;
    padding-right: 5px;
}
.related-artists li .pn-info em a {
	margin-left: 8px;
	color: #7f7f7f;
	text-decoration: none;
}
.related-artists li .pn-info h4 {
	font-size: 14px;
	margin: 0px;
	min-height: 30px;
	font-family:Neue Helvetica;
}
.related-artists li .pn-info h4 a {
	color: #129fda;
	text-decoration: none; position:relative; display: block;
width: 100%;
min-height: 30px;
}
/*.related-artists li .pn-info h4 a:after{content: '...';
position: absolute;
right: 0px;
bottom: 0px;
font-size: 18px;}*/
.related-artists li .pn-info h4 a:hover {
	color: #129fda;
	text-decoration: none;
}
.related-artists li img {
	float: left;
	margin-right: 10px;
}
a.artist-info {
	position: relative;
	display: inline-block;
}
a.artist-info .artist-profile-image {
	border-radius: 50%;
	float: left;
}
a.artist-info .artist-details {
	margin-left: 8px;
	display: inline-block;
}
a.artist-info .artist-name {
	font-weight: 700;
}
a.artist-info .artist-details span {
	display: block;
	word-wrap: break-word;
}
.track {
	background-color: #ff7800;
	color: #fff;
	border: 1px solid #ff7800;
	padding: 5px;
}
.main-warp .container {
	background: #fff;
	padding-top: 15px;
    padding-bottom: 15px;
}
.view-all {
	color: #191919;
	float: right;
	padding: 5px 5px 0;
	text-decoration: none;
	text-transform: uppercase;
        padding-bottom: 20px;
}
.view-all:hover {
	text-decoration: none;
	color: #009ed6;
}
.tracking {
	float: right;
	position: absolute;
	top: 5px;
	right: 0;
}

.maincontent-warp ul li {
	width: 49.5%;
	position: relative;
	text-align: center;
	/*box-shadow: 0px 0px 5px #b1b1b1;*/
	transition: all 0.6s;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 9px 9px 0;
}
.related-artists li .img-box {
	width: 100px;
	height: 56px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
.related-artists li .img-box img {
	width: 100%;
	height: 100%;
}
.maincontent-warp ul li:nth-child(even) {
	margin-right: 0
}
.position-text {
	font-weight: bold;
	color: #000;
	font-size: 12px;
	margin-right: 10px;
}
.maincontent-warp ul li .box-warp {
	opacity: 1;
	transition: all 0.6s;
	background: transparent;
	align-items: center;
	justify-content: center;
}
.maincontent-warp ul li .box-warp h3 {
	/*font: normal 22px/26px Roboto, sans-serif;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin:0px;
    font-family: Neue Helvetica;*/
}
.maincontent-warp ul li:hover .box-warp span {
	margin-bottom: 0
}
.maincontent-warp ul li .box-warp p {
	font-size: 14px;
	color: #fff;
}
.maincontent-warp ul li:hover .box-warp {
	opacity: 1;
}
.maincontent-warp ul li img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.maincontent-warp ul li h3 {
	display: block;
	font: normal 20px/26px Roboto, sans-serif;
	color: #7f7f7f;
	margin: 5px 0 10px 0;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;*/
}
.maincontent-warp ul li .box-warp span {
	display: inline-block;
	width: 100%;
	text-align: left;
	float: left;
	position: absolute;
	bottom: 0;
	padding: 10px;
	left: 0;
	margin-bottom: -30px;
	transition: all 0.6s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+46,131313+46,131313+66,131313+100&0+0,0.83+46,1+100 */
	background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 ); /* IE6-9 */
}


.maincontent-warp ul li .grid_1_of_5 span{    margin-bottom: -41px;}


.maincontent-warp ul li  .box-warp span{margin-bottom: -38px;
    height: auto;}

.maincontent-warp ul li  .box-warp span p{ position:relative; top:6px;}

.maincontent-warp ul li:hover .box-warp span{margin-bottom:0px}
.maincontent-warp ul li p {
    font-size: 12px;
    margin: 0;
    height: 32px;
    min-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}    
.maincontent-warp ul li p a, .maincontent-warp ul li h3 a {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s;
    position: relative;
    top: 3px;
}
.maincontent-warp ul li p a:hover, .maincontent-warp ul li h3 a:hover {
	color: #009ed6
}
.maincontent-warp ul li h4 {
	font-size: 12px;
	color: #555;
	line-height: 1.6em;
}
.genery-btn {
	margin-bottom: 5px;
	transition: all 0.6s;
	display: inline-block;
	background: #ff9900;
	color: #fff;
	padding: 2px 8px;
	text-decoration: none;
	font-size: 14px;
	border-radius: 3px;
}
.genery-btn:hover {
	background: #129FDA;
	text-decoration: none;
	color: #fff;
}
.noshadow {
	box-shadow: none !important;
}
.bottom-warp .hiddenonly {
	display: none
}
.bottom-warp.fixed-menu .hiddenonly {
	display: block
}
header .bottom-warp .Hamburger {
	display: none;
	float: left;
	color: #fff;
	font-size: 32px;
	margin: 5px 10px;
}
.bottom-warp .stikey-menu-top {
	display: none
}
.bottom-warp .stikey-menu-top {
	position: absolute;
	background: #191919;
	top: 55px;
	left: 0px;
	padding: 10px 0;
	display: none;
    z-index: 9999;
}
.stikey-menu-top ul li {
	font-size: 14px;
	padding: 3px 10px;
	border-bottom: 1px solid #333;
}
.stikey-menu-top ul li:last-child{ padding-bottom:0; border:0;}
.stikey-menu-top ul li a {
	color: #fff;
	text-decoration: none;
    position:relative;
    z-index:1
}
.stikey-menu-top ul li a:hover {
	color: #ccc;
}
header .bottom-warp.fixed-menu .Hamburger {
	display: block;
	cursor: pointer
}
.marg-bot60 {
	margin-bottom: 60px;
}
.images_1_of_5 label {
	color: #FC3019;
	text-decoration: line-through;
}
.images_1_of_5 .button {
	margin-top: .3em;
	line-height: 1.9em;
}
.mob-only {
	text-align: center;
	margin: 0 -20px;
}
.mob-only li {
	display: inline-block;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
width: 33%;
font-size: 12px;
float: left;
padding: 10px;
}
.mob-only li:nth-child(4), .mob-only li:nth-child(5), .mob-only li:nth-child(9), .mob-only li:nth-child(10){ width:50%}
.mob-only li a {
	text-decoration: none;
	color: #666;
	display: block;
}
.mob-only li a:hover {
	color: #fff;
}
.images_1_of_5 .button a {
	padding: 8px 10px;
	display: block;
	background: url(../images/head1.png) repeat-x;
	border: none;
	font: bold 12px "Arial" !important;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
}
.images_1_of_5:hover {
	box-shadow: 0 0 5px #FC3019;
}
.btn-stagne {
	background: #f90;
	padding: 5px 15px;
	font-size: 12px;
	text-decoration: none !important;
	margin-top: 7px;
	display: inline-block;
	color: #fff !important;
	border-radius: 20px;
}
.btn-stagne:hover {
	background: #c1c1c1;
}
.images_1_of_5 .button a:hover {
	background: url(../images/head1h.png)repeat-x;
	text-decoration: none !important;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	-webkit-transition: background 0.2s ease;
}
.content-warper .col-sm-4 {
	padding-left: 10px;
	padding-right: 10px
}
.sec-warp-box {
	margin: 25px 0 0;
	width: 100%;
	float: left
}
.sec-warp-box .grid1 {
	position: relative;
	box-shadow: 0 1px 0px #E6E5E5;
	-webkit-box-shadow: 0 1px 0px #E6E5E5;
	-moz-box-shadow: 0 1px 0px #E6E5E5;
	-o-box-shadow: 0 1px 0px #E6E5E5;
}
.sec-warp-box .index_img img {
	border-bottom: 3px solid #1baf5d;
}
.sec-warp-box i.m_home {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -93px;
	display: block;
	position: absolute;
	bottom: 110px;
	left: 12px;
}
.sec-warp-box ul.vision {
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 135px;
	left: 100px;
}
.sec-warp-box ul.vision li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: 100;
	text-transform: uppercase;
}
.sec-warp-box ul.vision li.desc {
	font-size: 0.8125em;
}
.sec-warp-box .inner_wrap1 {
	background: #f1f1f1;
	padding: 18px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-o-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-o-border-bottom-right-radius: 3px;
}
.sec-warp-box ul.item_module {
	padding: 0;
	list-style: none;
}
.sec-warp-box ul.item_module li.module_left {
	float: left;
	padding: 15px 0 0 0;
}
.sec-warp-box ul.item_module li.module_right {
	overflow: hidden;
}
.sec-warp-box ul.item_module li.module_right h5 {
	color: #7f7f7f;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0.8em 0 0.2em;
	font-weight: 600;
}
.sec-warp-box ul.item_module li.module_right p {
	font-size: 12px;
	display: inline;
	font-weight: normal;
}
.sec-warp-box .content_btn {
	display: inline-block;
	color: #495564;
	font-size: 0.95em;
	line-height: 18px;
	font-weight: 100;
	text-align: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
.sec-warp-box ul.item_module li.module_left img {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border: 3px solid #e2dee0;
	width: 82%;
}
.sec-warp-box ul.vision li.desc a {
	color: #fff;
}
.sec-warp-box .index_img1 img {
	border-bottom: 3px solid #f19e1f;
}
.sec-warp-box i.m_home1 {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -169px;
	display: block;
	position: absolute;
	bottom: 110px;
	left: 12px;
}
.sec-warp-box .col-sm-5, .sec-warp-box .col-sm-7, .sec-warp-box .col-sm-6, .sec-warp-box .col-sm-12 {
	padding-left: 10px;
	padding-right: 10px;
}
.sec-warp-box .artical {
	border: 1px solid #EEE;
	padding: 15px 0;
	margin-bottom: 15px;
	width: 100%;
	float: left;
	transition: all 0.5s;
}
.sec-warp-box .artical:hover {
	border: 1px solid #FC3019;
}
.sec-warp-box .artical-head {
	padding: 0em 0 0.6em;
}
.sec-warp-box .artical-head h2 {
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
}
.sec-warp-box .artical-head a span.rate {
	float: right;
	width: 70px;
	height: 12px;
	display: inline-block;
	background: url(../images/rate.png) no-repeat 0px -15px;
	margin-top: 0.8em;
}
.sec-warp-box .artical-head a:hover span.rate {
	background-position: 0px 1px;
}
.sec-warp-box .artical-info p strong {
	margin-right: 0.25em;
}
.sec-warp-box .artical-info p {
	margin: 0;
	padding: 0.4em 0;
	font-size: 12px;
	width: 31%;
	display: inline-block;
}
.sec-warp-box .artical-info p a {
	color: #000000;
}
.sec-warp-box .artical-right h2 a {
	color: #7f7f7f;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
}
.bot-section {
	width: 100%;
	float: left;
	margin: 15px 0
}
.content-warper h2 {
    color: #000;
    padding: 10px 0 0px;
    margin: 0;
    display: inline-block;
    font-family: Neue Helvetica;
}
.liner {
	display: block;
	width: 100%;
	border-bottom: 2px solid #ccc;
	margin-top: -2px;
	margin-bottom: 10px;
}
.pad0 {
	padding: 0 !important
}
.video-sec ul li {
	display: inline-block;
	text-align: center;
	margin: 10px;
	list-style: none;
	width: 22%;
	padding: 5px;
	border: 1px solid #eeeeee;
	transition: all 0.6s
}
.video-sec ul li:hover {
	border: 1px solid #333;
}
.video-sec ul li img {
	width: 100%;
}
.video-sec ul li .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	right: 0;
	bottom: 0;
	margin: auto;
}
.video-sec ul li .img {
	position: relative;
	float: left;
	width: 100%;
}
.video-sec ul li p {
	font-size: 12px;
	margin-top: 5px;
}
footer {
	color: #b0b0b0;
	background: #191919;
	padding: 15px 0 0px 0;
	margin-top: 75px;
}
.uppercase {
	text-transform: uppercase;
}
footer h4 {
	color: #ffffff;
}
.btn-stag {
	background: #129FDA;
	color: #fff;
	padding: 2px 8px;
	text-decoration: none;
	font-size: 12px;
	border-radius: 2px;
}
.btn-stag:hover {
	background: #FF9900;
	color: #fff;
	text-decoration: none
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
.list-inline > li {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
}
h3.followus {
	font-size: 24px;
	text-align: left;
	margin: 0 0 15px 0;
	color: #fff;
    padding-left: 20px;
}
footer h4::after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background-color: #129fda;
	margin-top: 12px;
	margin-bottom: 15px;
}
footer input[type="text"], footer input[type="email"], footer select, footer textarea {
	font-size: 16px;
	font-family: inherit;
	width: 100%;
	min-height: 30px;
	padding: 12px 10px;
	border: 0;
	border: 1px solid #999999;
	margin-bottom: 20px;
	outline: none;
}
.button-line-light {
	color: #fff;
	background: #129fda;
	border: 2px solid #129fda;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	text-transform: uppercase;
	transition: all 0.6s;
}
.mailer-wp #newsletter_email {
	width: 100%;
	padding: 5px 100px 5px 5px;
}
.store-wp {
	margin: 10px 0 5px;
	width: 100%;
	float: left
}
.mailer-wp {
	width: 100%;
	float: left;
	position: relative;
}
footer .button {
	font-size: 17px;
	text-transform: uppercase;
	padding: 9px 15px;
	min-height: 45px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.button-line-light:hover, .button-line-light:active {
	color: #262626;
	background: #ffffff;
	text-decoration: none;
}
.logo-footer {
	width: 245px;
	margin: -65px auto 0 auto;
}
.f-link li {
	list-style: none;
	margin-top: 15px;
	font-size: 14px;
	display: inline-block;
	float: left;
	font-weight: bold;
	width: 50%;
	text-transform: uppercase;
}
.f-link li a {
	color: #9a9a9a;
	text-decoration: none;
	transition: all 0.5s;
}
.f-link li:last-child a {
	border-right: 0
}
.f-link li a:hover {
	color: #009ed6;
}
.list-inline > li a {
	color: #9a9a9a;
	transition: all 0.5s;
	text-decoration: none
}
.list-inline > li a:hover {
	color: #1dbff8;
}
.copyright {
	text-align: center;
	font-size: 12px;
	color: #fff;
	border-top: 1px solid #333;
	padding: 5px;
	margin-top: 10px;
	background: #191919
}
.audio-section {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0
}
.music-banner-player {
	float: left;
	width: 100%;
	background-color: #191919;
}
.music-player-thumb {
	float: left;
	width: 45%;
	position: relative;
}
.music-banner-player .jp-jplayer {
	position: absolute;
	left: 0px;
	top: -11px;
	height: 102px !important;
	border: 5px solid #262626;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
.music-banner-player .song-title {
	margin-left: 100px;
}
.song-title {
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	padding: 16px 0px 17px 19px;
	background-color: #262626;
}
.music-banner-player .jp-audio {
	display: inline-block;
	width: 100%;
}
.jp-audio {
	float: left;
	position: relative;
}
.jp-audio .jp-interface {
	float: left;
	width: 100%;
}
.jp-interface {
	position: relative;
	width: 100%;
}
.music-banner-player .jp-controls {
	width: 23%;
	padding: 20px 30px;
	float: left;
}
.jp-controls span {
	display: inline-block;
	vertical-align: sub;
	padding: 0px 4px 0px 4px;
	text-align: center;
	color: #666666;
	cursor: pointer;
	line-height: 1.5;
}
.jp-controls span i {
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 2px solid #313330;
	border-radius: 100%;
	padding: 9px 0px;
	font-size: 12px;
	transition: all 0.6s;
}
.music-player-wrap {
	display: inline-block;
	width: 50%;
	padding: 20px 0px 0px 0px;
	float: left
}
.jp-time-holder {
	float: right;
	width: 100%;
	color: #666666;
	padding-bottom: 5px;
	font-size: 12px;
}
.jp-current-time {
	float: left;
	display: inline;
	cursor: default;
}
.jp-duration {
	float: right;
	text-align: right;
	cursor: pointer;
}
.jp-audio .jp-type-playlist .jp-progress {
	width: 100%;
}
.jp-audio .jp-progress {
	float: left;
	height: 10px;
}
.jp-seek-bar {
	background: #262626;
	width: 0px;
	height: 100%;
	cursor: pointer;
	border-radius: 3px;
}
.jp-volume-controls {
	float: right;
	width: 15%;
	padding: 33px 0px 0px 0px;
}
.jp-mute {
	display: inline-block;
	font-size: 17px;
	color: #676565;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
}
.jp-volume-bar {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background-color: #262626;
	width: 50px;
	height: 10px;
	border-radius: 3px;
	cursor: pointer;
}
.jp-volume-bar-value {
	background-color: #666666;
	width: 0px;
	height: 10px;
}
.music-playlist-btn {
	position: absolute;
	left: -26px;
	top: -20px;
	width: 50px;
	height: 50px;
	background-color: #393939;
	color: #666666;
	font-size: 20px;
	text-align: center;
	padding-top: 11px;
}
.jp-controls span i:hover {
	color: #fff;
	border: 2px solid #fff;
}
.login-wp {
	float: right
}
.login-wp li {
	font-size: 14px;
	padding: 10px 0 10px 15px;
	text-transform: uppercase;
	list-style: none;
}
.login-wp li a {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s;
}
.login-wp li a:hover {
	color: #009ed6;
}
.related-artists li .pn-info p {
	margin: 0;
	font-size: 12px;
}
.related-artists li .pn-info p span a {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ff9900;
	padding: 1px 5px;
	transition: all 0.4s;
	background: #ff9900;
	display: inline-block;
	margin-bottom: 3px;
}
.related-artists li .pn-info p span:nth-child(even) a {
	color: #fff;
	background: #ff9900;
}
.related-artists li .pn-info p span:nth-child(even) a:hover {
	color: #ff9900;
	border: 1px solid #ff9900;
	background: #fff;
}
.related-artists li .pn-info p span a:hover {
	color: #fff;
	background: #ff9900;
}
.top-five-warp li {
	position: relative;
	display: inline-block;
	list-style: none;
	padding: 5px;
	border-top: 0
}
.top-five-warp {
	margin-top: 5px;
}
.top-five-warp li .genre-btn {
	position: absolute;
	top: 5px;
	right: 5px;
}
.top-five-warp li .img-box {
	float: left;
	width: 77px;
	margin-right: 5px;
	height: 77px;
}
.top-five-warp li .title {
	float: left;
	font-size: 14px;
	width: 195px;
}
.top-five-warp li .title a {
	color: #000;
	text-decoration: none
}
.btn-title .genery-btn {
	padding: 2px 8px;
	font-size: 12px;
}
.heading img {
	max-width: inherit;
}
.top-five-warp li .title a:hover {
	color: #009ed6;
}
.top-five-warp li:nth-child(even) {
	background: transparent
}
.add-footer {
	margin: 10px auto;
	width: 100% !important;
}
.add-footer.hide-add div>div{
    display: block !important;
    margin: 0 auto !important;
}
.hide-add iframe{}
.hide-add iframe #google_image_div img{width:100% !important;}
.hide-add iframe img{
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.name-text {
	font-weight: bold;
	font-size: 20px !important;
	margin: 10px 0 0 0;
	line-height: 20px;
	height: 29px;
}
.top-add {
	border: 5px solid #696969;
	width: 980px;
	margin: 0px auto 15px auto;
}
.add300x250-mobile {
	display: none
}
.right-icon {
	position: absolute;
	top: 0px;
	right: 15px;
	font-size: 30px;
}
.search-warp {
	position: fixed;
	width: 100%;
	padding: 30px;
	top: 0px;
	left: 0;
	background: rgba(62,62,62,0.99);
	z-index: 99999;
	transition: all 0.6s;
	margin-top: -181px;
	text-align: center;
}
.search-warp.open:after {
	width: 100%;
	height: 100%;
	position: absolute;
	background:rgba(64, 64, 64, 0.9);
	content: '';
	top: 110px;
	left: 0;
	min-height: 1000px;
}
.search-warp.open {
	margin-top: 0
}
.right-icon ul li {
	display: inline-block;
	list-style: none;
	margin: 12px 8px;
	float: left;
	line-height: 22px;
}
.right-icon ul li a {
	color: #fff;
    text-decoration:none;
}
header .bottom-warp.fixed-menu .right-icon {
	top: 0;
	right: 15px
}
header .bottom-warp.fixed-menu .right-icon ul li a {
	color: #fff;
}
.search-warp .crox {
	position: absolute;
	top: 0px;
	right: 15px;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
}
.logo-stkey {
	float: left;
	width: 250px;
	position: absolute;
	top: 6px;
	left: 85px;
	opacity: 0;
	overflow: hidden;
}
 header .bottom-warp.fixed-menu .logo-stkey {
	transition: all 0.6s;
	opacity: 1;
}
.navbar-form.search .sar {
	height: 45px;
    background: white;
}
.headings-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	padding-right:15%;
	color: #fff;
	text-shadow: none;
	transition: all 0.6s;
	margin-bottom: -25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+46,131313+46,131313+66,131313+100&0+0,0.83+46,1+100 */
	background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 ); /* IE6-9 */

padding: 10px 10px 20px 10px;
margin-bottom:-41px;
}

.headings-banner a.genery-btn {
    position: relative;
    top: 4px;
}

.banner:hover .overlay {
}
.banner:hover .headings-banner {
	margin-bottom: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+46,131313+46,131313+66,131313+100&0+0,0.83+46,1+100 */
	background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 ); /* IE6-9 */
	
}
.banner .overlay {
	transition: all 0.6s;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
header .music-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header .music-icon:before {
    content: "\f028";
}
.headings-banner h2 {
	margin: 0;
	font: normal 28px/26px Roboto, sans-serif;
	color: #fff;
	font-weight: bold;
	margin-bottom:0px;
	transition: all 0.6s;
    font-family:Neue Helvetica;
}   
.headings-banner p {
    height: 24px;
    margin: 0 0 10px;
    min-height: 26px;
    position: relative;
    top: 19px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 89%;
}
.headings-banner h2 a {
	color: #fff;
        position: relative;
    top: 12px;
	text-decoration: none;
          /*font-weight:bold;*/
}
.headings-banner h2 a:hover {
	color: #009ed6;
    /*font-weight:bold;*/
}
.banner:hover .overlay .headings-banner h2 {
	/*font-weight: normal;*/
}
.genre-btn-sec {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	position: relative;
	background: #f1f1f1;
}
.genre-btn-sec .lft-cl {
	float: left;
	font-size: 16px;
	padding: 5px 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
}
.genre-btn-sec .rgt-cl {
	float: right;
	background: #191919;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	padding: 5px 15px;
}
.genre-btn-sec ul {
	display: none;
}
.genre-btn-sec span.rgt-cl:hover {
	display: block;
	color: #ccc
}
.genre-btn-sec #show-genre {
	position: absolute;
	right: 0;
	top: 30px;
	padding: 5px;
	background: #f1f1f1;
	z-index: 99;
}
.genre-btn-sec #show-genre li {
	list-style: none;
	border-bottom: 1px solid #c1c1c1;
	padding: 4px;
	font-size: 12px;
}
.genre-btn-sec #show-genre li:last-child {
	border-bottom: 0;
}
.genre-btn-sec #show-genre li a {
	color: #191919;
	text-decoration: none;
	display: block;
}
.genre-btn-sec #show-genre li a:hover {
	color: #009ed6;
}
.marque-warp ul li {
	padding: 5px;
	font-size: 14px;
}
.related-artists li h4.new-text {
font-size: 20px;
font-weight: normal;
text-align: center;
height: 103px;
line-height: 30px;
overflow: hidden;
color: #fff;
padding-top: 25px;
}
.related-artists li h4.new-text span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pull-right.bgno a {
	background: #fff !important;
	color: #ff9900 !important;
}
.marque-warp ul li a {
	color: #000000;
}
#genrey-link-show {
	display: none;
	position: relative;
	left: 0px;
	width: 100%;
	background: #191919;
	text-align: center;
	border-top: 1px solid #403f3f;
	padding: 5px 10px;
}
#genrey-link-show ul li {
	display: inline-block;
	margin: 5px;
}
#genrey-link-show ul li a {
	color: #ccc;
	font-size: 12px;
	text-decoration: none
}
#genrey-link-show ul li a:hover {
	color: #009ed6;
}
.how-wptext-rout {
	background: #000;
	position: absolute;
	left: -200px;
	padding: 4px;
	top: 15px;
	width: 185px;
	color: #fff;
	font-size: 10px;
	display: none;
}
.how-wptext-rout span {
	width: 33%;
	text-align: center;
	float: left;
	border-right: 1px solid #484848;
	line-height: 12px;
}
.how-wptext-rout span:last-child {
	border-right: 0;
}
.how-wptext-rout span strong {
	display: block;
	font-size: 16px;
	margin-top: 6px;
}
.how-wptext-rout:after {
	width: 0;
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 15px;
	border-color: transparent transparent transparent #000;
}
.related-artists li:hover .how-wptext-rout {
	display: block;
}
.related-artists.tranding li {
    background: #000;
    padding: 0; transition:all 0.5s;

}
.related-artists.tranding li h6{ color:#fff;}
.related-artists.tranding li:hover { background:#000}
.Popular-Content-sec li {
	display: inline-block;
	transition: all 0.6s;
	list-style: none;
	position: relative;
	margin:0;
	padding: 0;
	overflow:hidden;
}
.Popular-Content-sec li .popular-content{
	    position: absolute; transition: all 0.6s;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 10px;
	margin-bottom: -23px; 
	background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 );
}

.Popular-Content-sec li:hover .popular-content {
	transition: all 0.6s; 
	margin-bottom:0;
	
}
.Popular-Content-sec li img {
	width: 100%;
}
.Popular-Content-sec li a {
	transition: all 0.6s;
}
.Popular-Content-sec li a h3 {
	color: #fff;
	text-decoration: none;
}

.Popular-Content-sec li .popular-content h3 {
    text-transform: inherit;
    color: #fff;   
    margin: 0 0 0px 0;
    border-bottom: 0;
    width: 100%;
	font-size: 16px;
    /*line-height:20px;*/

}
.Popular-Content-sec li .popular-content p {
    height: 30px;
    margin-bottom: 0;
    position: relative;
    bottom: -17px;

    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;

        text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
   }    
.Popular-Content-sec li .popular-content a.genery-btn{
    position: relative;
    top: -8px;
}

    .Popular-Content-sec li:hover .popular-content p {bottom: -5px;
    }

.Popular-Content-sec li .popular-content h3 a{color: #fff; text-decoration: none; transition: all 0.5s; position: relative;
    top: 2px;}
.Popular-Content-sec li .popular-content h3 a:hover{ color:#009ed6}
.chart-row {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #E7E7E7;
height: 104px;
width: 34px;
text-align: center; transition:all 0.5s;
}
.chart-row:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 61px;
    /*background: white none;*/
    opacity: 0.5;
}

.chart-row i{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 25px; color:#717171;
}
.related-artists.tranding li:hover .chart-row i{ color:#fff;}
.chart-row i.fa.fa-arrow-down{ color:red}
.chart-row i.fa.fa-arrow-up{ color:green}

.related-artists.tranding li:hover .chart-row{background-color: #333;}
/*-------------start Genre search page--------------*/
.artist-img-warp{ float:left; width:100%;}
.artist-img-warp a:nth-child(1), .artist-img-warp a:nth-child(2), .artist-img-warp a:nth-child(3), .artist-img-warp a:nth-child(4), 
.artist-img-warp a:nth-child(5), .artist-img-warp a:nth-child(6), .artist-img-warp a:nth-child(7){ height:72px;}
.artist-img-warp a{
    position: relative;
    width: 128.5px;
    height: 73px;
    float: left;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
	overflow: hidden;
}
.artist-img-warp a  img{ transition:all 0.6s;}
.artist-img-warp a:hover img{ transform:scale(1.5)}
.artist-img-warp a h2 {position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 18px;
    text-align: center;
	transition:all 0.6s;
	opacity:0;
}
.artist-img-warp a:hover h2{ opacity:1}
.list-box ul li{    display: inline-block;
    width: 33%;
    box-shadow: none;
    font-size: 18px;
    text-align: left;
    margin: 0;
	    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px;}
/*.list-box ul li:nth-last-child(-n+3){ border-bottom:0;}	*/
.list-box h3{ font-size:32px; font-weight:bold;}
.list-box h3 a{ color:#009ed6; transition:all 0.6s; text-decoration:none}
.list-box h3 a:hover{ color:#000;}
.list-box ul li a{ color:#000; transition:all 0.6s; text-decoration:none;}
.see-all{color: #009ed6;
    transition: all 0.6s;
    text-decoration: none;
    font-size: 18px;
    float: right;
    margin-right: 0; font-weight: bold;
    text-align: left; padding:15px 10px}
	.see-all:hover{ color:#000; text-decoration:none;}
	
.list-box ul li a:hover{ color:#009ed6;}
	
.genre-search-list {
    width: 100%;
    float: initial;
   
}
.genre-search-list .list-box {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
.genre-search-list .list-box:last-child{ border-bottom:0}
.search-box{
	margin-top:25px;
	text-align: center;
	width: 100%;
}



.search-box form {
	background: #111;
	background: -webkit-linear-gradient(#1b1b1b, #111);
	background: linear-gradient(#1b1b1b, #111);
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #272727;
	display: inline-block;
	font-size: 0px;
	margin:0px auto 0;
	padding:10px;
	position: relative;
	z-index: 1; width: 100%;
}

.search-box input {
	background: #222;	
	background: -webkit-linear-gradient(#333, #222);	
	background: linear-gradient(#333, #222);	
	border: 1px solid #444;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 2px 0 #000;
	color: #888;
	display: block;
	float: left;
	font-weight: 400;
	height:56px;
	margin: 0;
	padding: 0 10px;
	text-shadow: 0 -1px 0 #000;
	width: 89.5%;
	font-size:28px;
}

.ie .search-box input {
	line-height: 40px;
}

.search-box input::-webkit-input-placeholder {
   color: #888;
}

.search-box input:-moz-placeholder {
   color: #888;
}

.search-box input:focus {
	-webkit-animation: glow 800ms ease-out infinite alternate;
	        animation: glow 800ms ease-out infinite alternate;
	background: #222922;
	background: -webkit-linear-gradient(#333933, #222922);
	background: linear-gradient(#333933, #222922);
	border-color: #009fd7;
	box-shadow: 0 0 5px rgba(0,159,215,.2), inset 0 0 5px rgba(0,159,215,.1), 0 2px 0 #000;
	color: #efe;
	outline: none;
}

.search-box input:focus::-webkit-input-placeholder { 
	color: #fff;
}

.search-box input:focus:-moz-placeholder {
	color: #fff;
}

.search-box button {
	background: #222;
	background: -webkit-linear-gradient(#333, #222);
	background: linear-gradient(#333, #222);
	box-sizing: content-box;
	border: 1px solid #444;
	border-left-color: #000;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 2px 0 #000;
	color: #009ed6;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 400;
	height:54px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	position: relative;
	text-shadow: 0 -1px 0 #000;
	width:10%;
	text-transform:uppercase;
}	

.search-box button:hover,
.search-box button:focus {
	background: #292929;
	background: -webkit-linear-gradient(#393939, #292929);
	background: linear-gradient(#393939, #292929);
	color: #fff;
	outline: none;
}

.search-box button:active {
	background: #292929;
	background: -webkit-linear-gradient(#393939, #292929);
	background: linear-gradient(#393939, #292929);
	box-shadow: 0 1px 0 #000, inset 1px 0 1px #222;
	top: 1px;
}

.related-artists li h4.new-text a{ color:#129fda; transition:all 0.6s}
.related-artists li h4.new-text a:hover{ color:#fff}
.related-artists li h4.new-text a::after{ display:none}

.bot-collage a{ color:#009ed6; text-decoration:none;}
.bot-collage a:hover{ color:#000;}
.more-video-warp{
    margin: 15px 0;
    float: left;
    width: 100%;
}
/*-------News page ----------*/
.news-sec-box{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 5px 10px; transition:all 0.6s; text-transform: uppercase;
    font-size: 12px;
}
.maincontent-warp ul li .grid_1_of_5:hover .news-sec-box{ top:0; left:0;}
.news-sec{ float:left; width:100%;}
.news-sec ul li{display: inline-block; margin-right: 10px; transition:all 0.6s; float: left; overflow:hidden; list-style: none; width: 32.59%; position:relative;}
.news-sec ul li span{ position: absolute; margin-bottom: -33px; transition:all 0.6s;width:100%;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
	    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 );
}

.news-sec ul li:hover span{ margin-bottom:0}
.news-sec ul li span h3 {
       color: #7f7f7f;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}  

.news-sec ul li a.genery-btn{position: relative;
    top: -7px;} 

.news-sec.gridArea ul li .box-warp p {
    margin: 0;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
    overflow: hidden;
    text-overflow:ellipsis;
    width:98%;
    white-space:nowrap;
    height: 31px;
    min-height: 26px;
    position: relative;
    top: 3px;
}  
/*.news-sec.gridArea ul li span h3 {
    margin: 0 0 10px 0;
   }*/    



.news-sec ul li span h3 a{ text-decoration:none; color:#fff;}
.news-sec ul li span h3 a:hover{ color:#009ed6}
.news-sec ul li .box-warp p {
    font-size: 14px; margin:0;
    color: #fff;
}
.news-sec ul li:last-child{ margin-right:0}
.full-news-section{float: left; width: 100%; margin: 15px 0;}
.full-news-section .box {float: left; border-top:1px solid #dadada; padding-top: 15px;  padding-bottom: 15px;width:100%}
.full-news-section .box:last-child {border-bottom:1px solid #dadada;}
.full-news-section .box h3{ margin-top:0; font-size:20px; font-weight:bold; line-height:30px;}
.full-news-section .box .col-sm-9 {min-height: 114px;}
.full-news-section .box span{color: #7f7f7f; position: absolute; bottom: 0; font-size:12px;}
.full-news-section .box h3 a{ text-decoration:none; color:#000; transition:all 0.3s}
.full-news-section .box h3 a:hover{ color:#009ed6;}
.full-news-section .box .news-overly{position: absolute;color: #fff;top: 10px;left: 19px;padding: 5px 7px;background: rgba(0,0,0,0.6);text-transform: uppercase;font-size: 11px;}
.full-news-section .box .posted-sec{float: right;  position: absolute; right: 15px;  bottom: 0;}
.full-news-section .box .posted-sec p{ color:#7f7f7f; font-size:12px; margin: 0; text-align: right;}
.full-news-section .box .posted-sec p a{color:#7f7f7f; text-decoration:none;}
.full-news-section .box .posted-sec p a:hover{ color:#009ed6}
.full-news-section .box .img {float: right; width: 30px; height: 30px; margin-left: 10px; }
.news-sec ul li .bot-title{ width:100%; position:absolute; left:0; bottom:0; padding:5px;     background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 );}
.news-sec ul li .bot-title a{ color:#fff; text-decoration:none;}
.news-sec ul li .bot-title a:hover{ color:#009ed6}
.news-sec.video-section{ border-bottom:1px solid #f1f1f1; padding:10px 0}
.news-sec.video-section:last-child{ border-bottom:0}
.news-sec.video-section h3{color:#009ed6; font-weight:bold;  padding: 5px; margin: 0 0 5px 0; background: #f1f1f1; border-bottom: 3px solid #ccc; border-top-right-radius: 10px;}
/*--------------------Start Top 100 tranding Artist---------------*/
.add728x90{ width:728px; height:90px; margin:15px auto;}
.trending-artists .top-first{background:#191919; margin-bottom: 15px; color: #009fd7; width: 100%; float: left; padding: 10px;}
.trending-artists .top-first h2{ font-size:34px; text-align:right; text-transform:uppercase; margin-bottom:0}
.trending-artists .top-first h3{ color:#fff; text-align:left; text-transform:uppercase; font-size:34px; margin:0;}
.trending-artists .top-first h3 span{ font-size:20px;}
.trending-artists .top-first .input-group .input-lg{border-radius: 0px;     text-transform: uppercase;}
.trending-artists .top-first .input-group span.input-group-btn .btn-info {background-color: #009fd7; border-color: #009fd7; border-radius: 0 !important;}
.trending-artists .artists-box{ width:100%; float:left; position:relative; border-top: 1px solid #ddd; border-bottom: 1px solid transparent;}
.trending-artists .artists-box:hover{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.trending-artists .artists-box .arrow-warp{position: relative; float:left; left: 0;  top: 0;  bottom: 0; background-color: #E7E7E7; height: 104px;
    width: 34px;  text-align: center;  transition: all 0.5s;}
.trending-artists .artists-box:hover .chart-row { background:#333}
.trending-artists .artists-box:hover .chart-row i{ color:#fff;}
.trending-artists .artists-box .last-week{float: left; width: 15%; padding: 0 10px;}
.trending-artists .artists-box .img-warp{width:16%; float: left; margin: 15px 15px 6px 0;}
.trending-artists .artists-box .wks-warp {float: left; width: 15%; text-align: center;}
.trending-artists .artists-box .name-warp{float: left; margin-right: 10px; width: 47%;}
.trending-artists .artists-box .last-week h5{font-size: 14px; color: #666; margin: 0; text-align: center;}
.trending-artists .artists-box .last-week h5 span{color: #000; font-size: 58px;  display: block; margin: 5px 0;}
.trending-artists .artists-box .wks-warp h6{font-size: 14px; color: #666; text-align: center;     margin: 25px 0 0 0;}
.trending-artists .artists-box .wks-warp h6 span{color: #000; font-size:42px;  display: block; margin:0;}
.trending-artists .artists-box .name-warp h4{font-size:32px; margin-top: 32px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.trending-artists .artists-box .name-warp h4 a{ text-decoration:none; color:#009fd7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.trending-artists .artists-box .name-warp h4 a:hover{ color:#000;}
.trending-artists .artists-box:last-child, .trending-artists .artists-box:nth-child(10){border-bottom:1px solid #ddd;}
.trending-artists .artists-box:last-child:hover, .trending-artists .artists-box:nth-child(10):hover{border-bottom:1px solid #000}
.artists-box:last-child{
margin-bottom: 20px;
}
/*----------------------Gallery page----------------------*/
 .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('../images/a02.png') no-repeat;
            overflow: hidden;
        }
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }
.jssora02l.jssora02lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
.jssora02r.jssora02rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
.jssort03 .p {    position: absolute;    top: 0;    left: 0;    width: 175px;    height: 98px;}
.jssort03 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort03 .w, .jssort03 .pav:hover .w {    position: absolute;    width:169px;    height:95px;    border: #fff 1px solid;    box-sizing: content-box;}
.jssort03 .pdn .w, .jssort03 .pav .w {border: #009ed61px solid}
.jssort03 .c {    position: absolute;    top: 0;    left: 0;    width:169px;    height: 95px;    background-color: #000;    filter: alpha(opacity=55);
		    opacity: .55;    transition: opacity .6s;    -moz-transition: opacity .6s;    -webkit-transition: opacity .6s;    -o-transition: opacity .6s;}
.jssort03 .p:hover .c, .jssort03 .pav .c {    filter: alpha(opacity=0);    opacity: 0;}
.jssort03 .p:hover .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}
* html .jssort03 .w {    width /**/:175px;    height /**/: 98px;}
    
.content-gallery{ width:100%; float:left; margin:0px 0 15px; text-align:justify; /*line-height:20px;*/}
.content-left-img{ float:left; margin:10px 15px 0px 0; width:250px; height:144px; overflow:hidden; border: 1px solid #ccc; padding: 5px;}
.content-right-img{ float:right; margin:10px 0px 0px 15px; width:250px; height:144px; overflow:hidden; border: 1px solid #ccc; padding: 5px;}
.genre-details{width: 100%; margin: 15px 0; float: left; background: #f1f1f1; border: 1px solid #ccc; padding: 5px 0;}
.genre-details ul li{width: 25%; float: left; margin: 0; color: #7f7f7f; box-shadow: none; border-right: 1px solid #ccc;}
.genre-details ul li:last-child{ border:0}
/*-- Global Selectors --*/
.fbcomments a{color:#47649F;}
.fbcomments .photo-profile{border:1px solid #DDD;}
.fbcomments .anchor-username h4{font-weight:bold; margin-bottom: 0;}
.fbcomments .post-footer-comment-wrapper{background-color:#F6F7F8;  float: left; padding: 5px 0;}
.fbcomments ul.list-unstyled li {width: 20%; position: relative; text-align: left; box-shadow: none; float: left;  margin: 0 0 15px 0;}
.pagination-warp li {width: auto !important; box-shadow: none !important; margin: 0 !important;}
.pagination > .active > a{background-color: #009fd7; border-color:transparent;}
.pagination > li > a, .pagination > li > span{color: #009fd7;  border: 1px solid transparent;cursor:pointer;margin-left:1px;}
 .pagination > li.active > span {
    cursor:pointer;
}
 .pagination > .active > a:hover {
    cursor: pointer;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color: #fff; background-color: #009fd7;
    border-color: transparent;}
.pagination > li:first-child > a, .pagination > li:last-child > a{ border-radius:0;}
#sidebar{ display:none}
#sidebar.sticky {float: none; position: fixed;top: 112px; z-index: 6;padding: 5px;}
#sidebar ul li a{ color:#009fd7; transition:all 0.6s}
#sidebar ul li a i{transition:all 0.6s}
#sidebar ul li a:hover i{transform: rotate(360deg);}
.featured-img{ position:relative; overflow: hidden;}
.featured-img .box {
    opacity: 1;
    transition: all 0.6s;
    background: transparent;
    align-items: center;
    justify-content: center;
	position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
	color:#fff;
}
.featured-img .box span {
    display: inline-block;
    width: 100%;
    text-align: left;
    float: left;
    position: absolute;
    bottom: 0;
    padding: 10px;
    left: 0;
    transition: all 0.6s;
    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 );
	margin-bottom:-50px;
}
.featured-img:hover  .box span{ margin-bottom:0}
.featured-img .box span h3 {
    margin: 0;
    font: normal 28px/26px Roboto, sans-serif;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.6s;
}
.featured-img .box span h3 a{ color:#fff; text-decoration:none; transition: all 0.6s;}
.featured-img .box span h3 a:hover{ color:#009ed6}
.featured-img .box span p{
	    height: 40px;
    margin: 15px 0 0 0;
    overflow: hidden;
}
/*-----------------------video player-----------------*/
#videoContainer {
  width: 100%;
  height: 79vh;
  background: #333;
  margin:0px auto;
  
  
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#videoContainer.fullScreen {
  width: 100vw !important;
  height: 100vh !important;
}

#videoContainer.small .intensityBar { width: 50px !important; }

#videoContainer.small .playButton {
  margin: 0 !important;
  margin-right: 5px !important;
}

#videoContainer.small .timer { display: none !important; }

#videoContainer.small .playPause, #videoContainer.small .volume .icon, #videoContainer.small .scale .icon {
  width: 15px !important;
  height: 15px !important;
}

#videoContainer.small .progressBar { height: 6px !important; }

#videoContainer.small .overlay .button {
  width: 50px !important;
  height: 50px !important;
}

#videoContainer.small .time { display: none !important; }

#videoContainer .overlay {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  border-radius: 5px;
}

#videoContainer .overlay .button {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/play-button.svg);
  background-size: 100% 100%;
  transform: translate(-50%, calc(-50% - 30px));
  cursor: pointer;
  transition: width 0.2s, height 0.2s;
}

#videoContainer .overlay .button:hover {
  width: 90px;
  height: 90px;
}

#videoContainer #video {
  width: 100%;
  height: calc(100% - 60px);
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#videoContainer #video video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#videoContainer #controls {
  width: 100%;
  height: 60px;
  background: #333;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 9;
}

#videoContainer #controls .playButton {
  width: 70px;
  height: 100%;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  cursor: pointer;
  transition: all 0.4s;
  border-bottom-left-radius: 5px;
}

#videoContainer #controls .playButton:hover { background: #333; }

#videoContainer #controls .playButton .playPause {
  width: 25px;
  height: 25px;
  background: url(../images/play.svg);
  background-size: 100% 100%;
}

#videoContainer #controls .ProgressContainer {
  color: #fff;
  width: calc(100% - 100px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

#videoContainer #controls .ProgressContainer .progressBar {
  width: 100%;
  height: 8px;
  background:#C7C7C7;
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
}

#videoContainer #controls .ProgressContainer .progressBar:hover + .time {
  opacity: 1;
  transform: translateY(0);
}

#videoContainer #controls .ProgressContainer .progressBar .progress {
  width: 0%;
  height: 100%;
  background: #fff;
  border-radius: 20px;
}

#videoContainer #controls .ProgressContainer .timer {
  margin: 0 10px;
  font-weight: 300;
  font-size: 12px;
  font-weight: 300;
  color:#009fd7;
  letter-spacing: 1px;
}

#videoContainer #controls .ProgressContainer .time {
  width: 80px;
  height: 25px;
  background: #333;
  position: absolute;
  top: -20px;
  left: 0;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  letter-spacing: 1px;
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.3s, opacity 0.3s;
}

#videoContainer #controls .ProgressContainer .time::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 25px;
  left: 33px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2c7a57;
}

#videoContainer #controls .volume {
  width: 150px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

#videoContainer #controls .volume .icon {
  width: 25px;
  height: 25px;
  background: url(../images/volume.svg);
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 10px;
}

#videoContainer #controls .volume .intensityBar {
  width: 100px;
  height: 4px;
  background: #c7c7c7;
  border-radius: 20px;
  max-width: 100px;
  overflow: hidden;
  transform-origin: right center;
  cursor: pointer;
  transition: all 0.5s;
}

#videoContainer #controls .volume .intensityBar .intensity {
  width: 50%;
  height: 100%;
  background: #fff;
}

#videoContainer #controls .scale {
  width: 70px;
  height: 100%;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  cursor: pointer;
  transition: all 0.4s;
  border-bottom-right-radius: 5px;
}

#videoContainer #controls .scale:hover { background: #333; }

#videoContainer #controls .scale .icon {
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  background: url(../images/expand.svg);
  background-size: 100% 100%;
}
h2.head-top {
        margin: 0;
    font: normal 28px/26px Roboto, sans-serif;
    color: #262626;
    background: #f1f1f1;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 34px;
}
h1.head-top {
        margin: 0;
    font: normal 28px/26px Roboto, sans-serif;
    color: #262626;
    background: #f1f1f1;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 34px;
}
p.pera-top {
        margin: 0;
    font: normal 14px/26px Roboto, sans-serif;
    color: #262626;
    background: #f1f1f1;
    padding: 3px 10px;
    margin-bottom: 0;
}
h2.pera-top {
    margin: 0;
    font: normal 14px/26px Roboto, sans-serif;
    color: #262626;
    background: #f1f1f1;
    padding: 3px 10px;
    margin-bottom: 0;
}
 .news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0.83) 46%, rgba(19,19,19,0.89) 66%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313', GradientType=0 );
}
.news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title a{ text-decoration:none; color:#fff; font-size:14px;line-height: 28px;}
.news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title a:hover{ color:#009ed6;}
.fbcomments .post-body{ margin-top:10px;}
.fbcomments .media-left, .fbcomments .media-right, .fbcomments .media-body {display: inline-block;}
.fbcomments .media-body {width: auto;}
.fbcomments .accordion-toggle .post-heading{ position:relative;}
.fbcomments .accordion-toggle .post-heading:after {
    font-family: 'Glyphicons Halflings';
    content: "\E113";
    float: right;
    color: grey;
    overflow: no-display;
	position:absolute; top:5px; right:0; 
}
.fbcomments .accordion-toggle.collapsed .post-heading:after {
    content: "\E114";
}
.widfull{ float:left; width:100%;}

.genre-news-img{
        width: 100px;
    height: 56px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
.genre-news-em{
font-style: normal;
      font-size: 11px;
    color: #7f7f7f;
    font-weight: 400;
       margin-top: 2px;
}
.genre-all-news-img{

        float: right;
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.genre-all-news-img-overlay{
        position: absolute;
    color: #fff;
    padding: 5px 10px;
    background: rgba(0,0,0,0.6);
    text-transform: uppercase;
    font-size: 12px;
}
.genre-all-news-date-span{
        color: #7f7f7f;
    position: absolute;
    bottom: 0;
    font-size: 12px;
}
.genre-all-news-posted-to-p{
    color: #7f7f7f;
    font-size: 12px;
    margin: 0;
    text-align: right;
}
.genre-all-news-posted-to-a{
        color: #7f7f7f;
    text-decoration: none;

}
.genre-all-news-h2{
        text-transform: uppercase;
    color: #000;
    padding: 5px 0 15px;
    margin: 0;
    display: inline-block;
    font: normal 24px/26px Roboto, sans-serif;
}
.featured-img-video{


}
#BindLatestContentPartial iframe {
    width: inherit;
}

/*----------------------end--------------------*/