body {
	font-family: 'Signika', sans-serif;
	color: #00add8;
	counter-reset: section;
}

a,
h1,
h2,
h3,
h4,
div,
ul,
li,
p {
	margin: 0px;
	padding: 0px
}

a,
h1,
h2,
h3,
h4,
div,
ul,
li,
p,
a:hover {
	list-style: none;
	text-decoration: none;
	color: #18405a
}

a:hover {
	color: #ed2542;
}

.main-header-wrap {
	width: 100%;
}

/* In Article banner */
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

/* Begin Floating Ads Style */
#float-left {
	top: 210px;
	position: absolute;
	width: 140px;
	height: 600px;
	overflow: hidden;
	z-index: 999;
	left: 1px;
	vertical-align: middle;
}

#float-right {
	position: absolute;
	top: 210px;
	width: 140px;
	height: 600px;
	overflow: hidden;
	z-index: 999;
	right: 1px;
	vertical-align: middle;
}

/* End Floating Ads Style */
#page-wrap {
	width: 600px;
	margin: 15px auto;
}

p {
	margin: 0 0 15px 0;
}

p:first-child {
	background: #FFFFFF;
	padding: 10px;
}

#sidebarnew ul {
	background: #eee;
	padding: 10px;
}

li {
	margin: 0 0 0 20px;
}

#main {
	width: 390px;
	float: left;
}

#sidebarnew {
	width: 190px;
	float: right;
}

@media (min-width: 1200px) {
	.container {
		width: 1040px;
	}
}

.top-header-wrap {
	background: #163f59;
	padding: 5px 0;
	width: 100%;
	height: auto;
	z-index: 99999;
	color: #fff;
}

.top-social-links {
	top: 50%;
	left: 0;
	width: 100%;
	height: 40px;
	margin-top: 15px
}

.top-social-links .nav-social {
	background: rgba(255, 255, 255, .15);
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	float: left;
	font-size: 20px;
	margin-left: 10px;
	padding-top: 10px;
	text-align: center;
	width: 40px;
	height: 40px;
}

.nav-social.fa-facebook:hover {
	background: #3b5997;
}

.nav-social.fa-twitter:hover {
	background: #00aced;
}

.nav-social.fa-instagram:hover {
	background: #571aa8;
}

.mvp-nav-soc-wrap .fa-youtube-play:hover {
	background: #f00;
}

.search-side .fa-search {
	font-size: 28px;
	color: #f0f0f0;
	margin-top: 12px
}

.main-menu-wrap {
	width: 100%;
	background: #fff;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
	height: auto
}

.main-menu-wrap .menu-list {
	text-align: center;
}

.main-menu-wrap .menu-list li {
	display: inline-block
}

.main-menu-wrap .menu-list li a {
	float: left;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 14px 12px;
	position: relative;
	text-transform: uppercase;
	margin-top: 9px;
}

.side-menu-pop-links {
	float: left;
	width: 100%;
	margin-top: 15px;
	cursor: pointer
}

.side-menu-pop-links .menu-sticks {
	background: #333;
	height: 3px;
	width: 30px;
	margin-top: 5px
}

.side-menu-pop-links .menu-sticks:nth-child(2) {
	width: 25px;
}

.side-menu-pop-links .menu-sticks:nth-child(3) {
	width: 20px;
}

.side-menu-pop-links:hover .menu-sticks {
	background: #ed2542
}

.top-banner {
	margin: 0px auto;
	width: 100%;
	max-width: 728px;
}

.col-inner {
	width: 100%;
	background: #f0f0f0;
	margin-bottom: 20px;
	position: relative
}

#sidebar {
	background: #151718;
	width: 330px;
	height: 100vh;
	display: block;
	position: fixed;
	left: -330px;
	top: 0;
	transition: left 0.3s linear;
	z-index: 2000;
	overflow: unset;
}

#sidebar.visible {
	left: 0;
	transition: left 0.3s linear;
}

.menu-small-outer-link {
	display: none
}

@media (max-width: 900px) {
	#sidebar.visible {
		width: 100%
	}

	.menu-small-outer-link {
		display: block;
		margin-top: 15px
	}

	.menu-small-outer-link .menu-sticks {
		background: #fff
	}

	#top-social-links,
	.main-menu-wrap {
		display: none
	}
}

#sidebar.visible #sidebar-btn {
	right: 5px;
	transition: right 0.3s linear;
}

#sidebar-btn span {
	height: 2px;
	background: #fff;
	margin-bottom: 3px;
	display: block;
}

#sidebar.visible #sidebar-btn span {
	width: 60%
}

.sidebar-top {
	width: 100%;
	background: #333;
	padding: 5px 0px;
}

.sidebar-top .sidebar-logo-area {
	margin: 10px 6.25%;
	text-align: center;
	width: 87.5%;
	height: 30px;
}

.sidebar-menu {
	padding: 10px
}

.sidebar-menu ul {
	margin: 0;
	padding: 0;
	height: 100%;
}

.sidebar-menu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px
}

.sidebar-menu ul li a {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: block;
	width: 100%;
	padding: 12px 0;
	text-decoration: none;
	font-family: 'Roboto', Signika;
	text-transform: uppercase
}

.sidebar-close-btn {
	color: #777;
	float: right;
	margin-top: 6px;
	margin-right: 6px;
}

.sidebar-close-btn:active .visible {
	display: none
}

.more-arts-ttle {
	width: 100%;
	padding: 7px 5px;
	background-size: 100%;
	text-shadow: 1px 1px 2px #000;
	position: relative;
	height: 36px
}

.wrapper {
	margin-bottom: 100px
}

/*.wrapper row{
    margin-left: -10px;
    margin-right: -10px;
}
*/
.slider-content {
	padding: 100px 3.846153846% 20px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, .9) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.slider-inner {
	margin-bottom: 8px;
	font-size: 12px;
	color: #fff;
}

.slider-inner a {
	color: #0be6af;
	text-transform: uppercase;
}

.slider-content h2 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: 'Signika', Helvetica, Arial, Signika;
	font-size: 25px;
}

.slider-content h2 a {
	color: #fff;
}

.slider-content h2 a:hover {
	color: #dedede;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.body-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	z-index: 9999
}

.body-overlay-wrap {
	display: none;
}

.search-form-area {
	position: absolute;
	z-index: 9999;
	top: 130px
}

.search-form-area .form-control,
.search-form-area .btn {
	border-radius: 0px
}

.search-close {
	position: absolute;
	z-index: 9999;
	top: 30px;
	right: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 30px
}

.overlay-title {
	position: absolute;
	bottom: 40%;
	left: 10px;
	right: 10px;
	text-align: center
}

.overlay-title h2 {
	line-height: 18px;
	font-family: 'Signika', Helvetica, Arial, Signika;
	font-size: 16px;
	font-weight: 700;
}

.overlay-title h2 a {
	color: #fff;
}

.overlay-title-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 35%;
}

.overlay-title-2 h4 a {
	color: #0be6af;
	font-size: 12px;
	text-transform: uppercase
}

.top-trending-sec {
	margin-bottom: 20px;
}

.top-trending-ttle {
	padding: 2px 20px;
	background: #EEE;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	color: #444
}

#trendingsongs em {
	padding: 2px 10px;
	background: #333;
	font-size: 13px;
	border-radius: 2px;
	margin-right: 10px;
	color: #DC007E;
}

#trendingsongs ul li a {
	font-weight: bold;
	color: #444;
	font-size: 16px;
	font-family: "Signika", arial, Signika
}

#trendingsongs ul li a:hover {
	color: #f50
}

#trendingsongs ul li span {
	font-family: "Signika", arial, sans-serif
}

.charts-area {
	width: 100%;
	background: #f0f0f0;
}

.home-music-area {
	padding: 20px
}

.charts-area .chart-list-item {
	position: relative;
	width: 100%;
	border-radius: 3px;
	background-color: #ffffff;
	border: solid 1px #e9e9e9;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 5px 0;
}

.charts-area .chart-list-item .chart-list-item-position {
	width: 80px;
	vertical-align: top;
	display: table-cell;
	padding-top: 23px;
}

.charts-area .chart-list-item .chart-list-item-position .song-rank {
	text-align: center;
	font-size: 33px;
	line-height: 33px;
	font-weight: 700;
	letter-spacing: -1px;
}

.charts-area .chart-list-item .chart-list-item-image_wrapper {
	position: relative;
	vertical-align: top;
	display: table-cell;
	width: 72px;
}

.charts-area .chart-list-item .chart-list-item-image {
	vertical-align: top;
	width: 86px;
	height: 86px;
}

.charts-area .chart-list-item .chart-list-item__text-wrapper {
	padding-left: 10px;
	vertical-align: middle;
	display: table-cell;
}

.chart-list-item__text-wrapper .chart-list-item__text {
	width: 410px;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
}

.chart-list-item__title {
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
}

.chart-list-item__artist {
	line-height: 19px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*@media only screen and (min-height: 425px) and (min-width: 768px){
    */
.chart-list-item__trend-icon {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 23px;
	left: 0;
	transform: translateX(-50%);
}

/*
}
*/
.chart-list-item__video-icon-wrapper {
	display: table-cell;
	padding-right: 24px;
	vertical-align: middle;
}

.chart-list-item__video-icon {
	height: 20px;
	width: 30px;
	background: url(../images/video-icon-play.svg);
}

@media (max-width: 767px) {
	.charts-area .chart-list-item .chart-list-item-image {
		vertical-align: top;
		width: 72px;
		height: 72px;
	}

	.chart-list-item__trend-icon {
		width: 30px;
		height: 30px;
		top: 15px;
	}

	.charts-area .chart-list-item .chart-list-item-position {
		display: none
	}

	.charts-area .chart-list-item .chart-list-item-image_wrapper {
		left: 14px
	}

	.chart-list-item__text-wrapper .chart-list-item__text {
		width: 210px;
		margin-left: 10px;
	}

	.chart-list-item__video-icon {
		display: none;
	}

	.chart-list {
		margin-bottom: 20px
	}
}

.side-home-songs {
	width: 100%;
	background: #fff;
	min-height: 300px
}

.side-home-songs .list-group {
	margin-bottom: 8px;
}

.side-home-songs .list-group-item {
	position: relative;
	display: block;
	padding: 6px 8px;
}

.side-home-songs .list-group-item img {
	margin-right: 4px
}

.side-home-songs h2 {
	width: 100%;
	background: #48285c;
	color: #fff;
	padding: 5px 2px;
	margin: 0px;
	text-align: center
}

.side-home-songs .hme-song-title {
	font-size: 13px;
	color: #ea00a2;
}

.news-home-bottom {
	margin-top: 20px
}

.big-art-sec {
	width: 100%;
	position: relative;
	margin-bottom: 15px
}

.belw-bg-art-sec {
	margin: 20px auto
}

.belw-bg-art-sec img {
	width: 100%
}

.belw-art-dets h2 {
	color: #222;
	float: left;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.02em;
	margin-bottom: 10px;
	line-height: 1.2;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
}

.belw-art-cat {
	font-size: 12px;
	padding: 3px 0px
}

.belw-art-cat a {
	color: #fe2f1a
}

.hme-side-arts .belw-art-dets {
	float: left;
}

.belw-art-dets .belw-art-cat a {
	color: #278535
}

.hme-vids-sec {
	background: #000;
	min-height: 300px;
	width: 100%;
	padding: 20px 0px
}

.vid-widget-home-head {
	float: left;
	position: relative;
	width: 100%;
}

h4.vid-widget-home-title {
	float: left;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

h4.vid-widget-home-title:before {
	content: '';
	background: #555;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 50%;
	width: 100%;
	height: 1px;
	z-index: 0;
}

span.vid-widget-home-title {
	background: #ff005b;
}

.other-news-sec span.vid-widget-home-title {
	background: #0f6e94;
}

span.vid-widget-home-title {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	padding: 5px 13px;
	position: relative;
	text-transform: uppercase;
	transform: skewX(-15deg);
	z-index: 1;
}

.hme-other-vids .list-group-item {
	border: none;
	padding: 0px;
	padding-bottom: 20px;
	background: none
}

.hme-other-vids .list-group-item-heading a {
	color: #fff;
	font-size: 18px
}

.hme-other-vids .avatar-wrapper {
	margin-right: 4px;
	position: relative
}

.hme-vid-art {
	color: #ff005b
}

.hme-vid-icon {
	background: #ff005b;
	color: #fff;
	font-size: 12px;
	top: 20px;
	left: 5px;
	width: 28px;
	height: 28px;
	position: absolute;
	text-align: center;
	border-radius: 50%;
}

.hme-vid-icon i {
	margin-top: 8px;
}

.other-news-sec {
	margin-top: 30px;
	width: 100%
}

.other-news-list .list-group-item {
	border: none;
	padding: 0px;
	padding-bottom: 20px;
	background: none
}

.other-news-list h2 {
	font-size: 20px;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
}

.other-news-list .list-group-item-heading a {
	font-weight: bold
}

.other-news-list .avatar-wrapper {
	margin-right: 10px;
	position: relative;
}

.other-news-list .avatar-wrapper .avatar {
	width: 280px;
}

.other-news-cat {
	font-size: 12px;
	color: #ff005b;
	text-transform: uppercase
}

.other-news-desc {
	font-family: "Signika", sans-serif
}

@media (max-width: 600px) {
	.other-news-list .avatar-wrapper .avatar {
		width: 180px;
	}

	.other-news-desc {
		display: none
	}
}

.side-ad {
	width: 100%;
	margin-bottom: 15px
}

.tabs-cont {
	width: 100%;
}

.tabs-cont h1 {
	margin: 5px auto;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px
}

ul#tabs {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

ul#tabs li {
	display: inline-block;
	margin-bottom: 0px;
	color: #222;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px 13px;
	text-transform: uppercase;
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

ul#tabs li:hover {
	background-color: #ff005b;
	color: #fff
}

ul#tabs li.active {
	background-color: #ff005b;
	color: #fff;
}

ul#tab {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "arial"
}

ul#tab .tablink {
	display: none;
	padding: 5px 10px;
}

ul#tab .active {
	display: block;
}

.mvp-feat1-pop-text {
	position: relative;
	margin-bottom: 5px;
	float: left;
	padding: 8px 0 0 15%;
	width: 86%;
	padding-bottom: 10px;
	border-bottom: 3px solid #f0f0f0;
}

.mvp-feat1-pop-text:before {
	counter-increment: section;
	content: counter(section);
	color: #ccc;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	margin-top: 8px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 13%;
	display: table-cell;
}

.mvp-feat1-pop-text h2 {
	font-family: 'Signika', sans-serif;
	color: #222;
	float: left;
	font-size: 18px;
	letter-spacing: -.02em;
	width: 100%;
}

.more-posts-btn {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	text-transform: uppercase
}

.footer {
	left: 0;
	right: 0;
	top: 30px;
	min-height: 250px;
	background: #163f59
}

.mvp-widget-home-head {
	float: left;
	position: relative;
	width: 100%;
}

h4.mvp-widget-home-title {
	float: left;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

span.mvp-widget-home-title {
	background: #ff005b;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	padding: 5px 13px;
	position: relative;
	text-transform: uppercase;
	transform: skewX(-15deg);
	z-index: 1;
}

h4.mvp-widget-home-title::before {
	content: '';
	background: #555;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 50%;
	width: 100%;
	height: 1px;
	z-index: 0;
}

.footer-content {
	width: 100%;
	margin: 15px auto;
	text-align: center
}

#mvp-foot-soc,
#mvp-foot-links {
	margin: 20px auto;
}

ul.mvp-foot-soc-list li,
ul.mvp-foot-links-list li {
	display: inline-block;
}

ul.mvp-foot-soc-list li a {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #333;
	color: #fff !important;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	margin-left: 8px;
	padding-top: 10px;
	text-align: center;
	width: 40px;
	height: 40px;
}

ul.mvp-foot-soc-list li a.footer-fb:hover {
	background: #428bca;
}

ul.mvp-foot-soc-list li a.footer-twitter:hover {
	background: #0EA6BF
}

ul.mvp-foot-soc-list li a.footer-instagram:hover {
	background: #6C35A8
}

ul.mvp-foot-soc-list li a.footer-youtube:hover {
	background: #E2001A
}

ul.mvp-foot-links-list li a {
	margin-left: 15px;
	color: #888;
	text-transform: uppercase;
	font-size: 15px
}

ul.mvp-foot-links-list li a:hover {
	color: #fff
}

#mvp-foot-bot {
	background: #000;
	padding: 20px 0;
}

.mvp-main-box {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

#mvp-foot-copy {
	text-align: center;
	width: 100%;
}

#mvp-foot-copy p {
	color: #777;
	font-weight: 400;
	line-height: 1.4;
}

.hme-side-arts {
	padding-bottom: 10px
}

@media (max-width: 600px) {
	.hme-side-arts .col-xs-7 {
		padding-left: 0px
	}
}

.artists-hme-sec {
	margin: 20px auto
}

.hme-artists {
	margin-top: 20px;
	margin-left: -10px;
	margin-right: -10px
}

.hme-artists .col-lg-2,
.hme-artists .col-xs-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.hme-artists .overlay-title {
	bottom: 10px;
	left: 6px;
	right: 0px;
	text-align: left
}

.hme-artists .overlay-title h2 {
	color: #fff;
	font-size: 15px;
}

.hme-artists .single-art:hover {
	opacity: 0.9
}

.arts-ttle-bg {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
	background-image: url(../images/musicbg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.arts-ttle-bg .overlay {
	background: rgba(0, 0, 0, .3) url(../images/subtle-grey.png);
}

.arts-ttle-area h1 {
	position: absolute;
	top: 35%;
	display: block;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 100%;
	text-align: center;
	z-index: 888;
	text-shadow: 1px 1px 4px #000;
	color: #fff;
}

.arts-filter-sec {
	width: 100%;
	color: #fff;
	padding: 10px 0px;
	background: #af269f;
	font-size: 16px
}

.arts-filter-sec span {
	color: rgba(255, 255, 255, .7);
	font-size: 16px
}

.arts-filter-sec a {
	margin: 0px 10px;
	color: #fff;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.arts-filter-sec a:hover {
	color: #000
}

.arts-letters-sec {
	display: block;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 15px;
	margin-top: 20px
}

.arts-letters-sec a {
	text-decoration: none;
	width: 3.2258%;
	color: #dc007e;
	clear: none;
	display: inline;
	float: left;
	margin-right: .6%;
	overflow: hidden;
	padding: 0;
	position: relative;
	border-radius: 2px;
	position: relative;
	overflow: visible;
}

.arts-letters-sec a::afte {
	color: rgb(0, 0, 0);
	right: -5px;
	position: absolute;
	content: "路" !important;
}

.arts-letters-sec a:hove {
	background: #008ee1;
	color: #fff;
}

.all-artistes {
	margin-left: -8px;
	margin-right: -8px
}

.all-artistes .col-lg-3,
.all-artistes .col-xs-6 {
	padding-left: 8px;
	padding-right: 8px
}

.all-artistes h2 {
	font-size: 14px;
	color: #333;
	margin-top: 5px;
	height: 24px;
	max-height: 24px;
	border-bottom: 1px dotted #888;
}

.all-artistes .arts-stats-sec {
	border-bottom: 1px dotted #888;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #ed2542;
	font-family: "Signika", arial, sans-serif;
	margin-bottom: 25px;
	float: left;
	width: 100%
}

.all-artistes .arts-stats-views {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #e1005e;
	margin-left: 5px
}

.arts-rank-sec {
	float: left;
	padding: 2px 8px;
	background: #008ee1;
	color: #fff;
	font: 11px PROXSBold, Tahoma, Verdana, Arial;
	cursor: default;
}

.side-arts-sec {
	margin-top: 30px;
	width: 100%
}

.side-arts-sec .list-group-item {
	border: none;
	padding: 0px;
	padding-bottom: 20px;
	background: none
}

.side-arts-sec h2 {
	font-size: 15px;
	font-weight: bold;
	font-family: "Signika", arial, sans-serif
}

.side-arts-sect .list-group-item-heading a {
	font-weight: bold
}

.side-arts-sec .avatar-wrapper {
	position: relative;
}

.side-arts-sec .avatar-wrapper .avatar {
	width: 80px;
}

.all-audios {
	margin-bottom: 20px
}

.all-audios h2 {
	font-family: "Signika", arial, sans-serif;
	border: none;
	font-weight: bold;
	font-size: 13px
}

.all-audios .mst-trendin h2 {
	font-family: "Signika", arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	border: none;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	height: auto;
	max-height: none
}

.all-audios .arts-stats-sec {
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}

.other-sng-title {
	height: 50px;
	max-height: 50px;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden
}

.more-vids-img-holder .hme-vid-icon {
	bottom: 10px;
	top: unset;
	background: #17c3ea
}

.arts-profile {
	position: absolute;
	top: 20px;
	display: block;
	z-index: 888;
	left: 180px;
	text-shadow: 1px 1px 4px #000;
	color: #fff;
	right: 0px
}

.arts-profile h1 {
	text-align: left
}

.arts-profile-img {
	position: absolute;
	top: 20%;
	display: block;
	width: 150px;
	z-index: 888;
	background: #000;
}

.arts-ttle-bg .container {
	position: relative;
	top: 10%;
}

.art-social-media {
	position: absolute;
	top: -10px;
	right: 5px;
	z-index: 1000;
}

.art-social-media ul li,
.art-share-btns ul li {
	display: inline-block;
	margin: 0px;
	margin-left: 5px;
	padding: 0;
}

.art-social-media ul li a,
.art-share-btns ul li a {
	display: block;
	text-align: center;
}

.art-social-media ul li a i,
.art-share-btns ul li a i {
	font-size: 1em;
	color: #EEE;
	vertical-align: middle;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 2;
	transition: 0.2s all linear 0s;
	text-align: center;
}

.art-social-media ul li:first-child a i,
.art-share-btns ul li:first-child a i {
	background: #3B5998;
	border: 1px solid #3B5998;
}

.art-social-media ul li:nth-child(even) a i,
.art-share-btns ul li:nth-child(even) a i {
	background: #00ACED;
	border: 1px solid #00ACED;
}

.art-social-media ul li:nth-child(3) a i,
.art-share-btns ul li:nth-child(3) a i {
	background: #dc4e41;
	border: 1px solid #dc4e41;
}

.art-social-media ul li:last-child a i,
.art-share-btns ul li:last-child a i {
	background: #bd081c;
	border: 1px solid #bd081c;
}

.art-social-media ul li:hover a i,
.art-share-btns ul li:hover a i {
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid #ccc;
}

.art-bio-sec,
.poster-info,
.art-desc-sec {
	font-family: "Signika", sans-serif
}

.player-sec {
	width: 100%;
	height: auto;
	background: #30336b;
}

.art-details-sec {
	width: 100%;
	margin-bottom: 20px
}

.article-ttle {
	font-weight: bold;
	padding-bottom: 8px;
	font-family: 'Signika', Helvetica, Arial, sans-serif;
}

.poster-info.list-group-item {
	border: none;
	font-size: 14px
}

.poster-info .list-group-item-heading {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	margin-top: 5px;
	padding-left: 5px
}

.art-desc-sec {
	width: 100%;
	padding: 10px 0px;
	font-size: 16px
}

.art-share-btns {
	width: 100%;
	border-bottom: 1px dotted #333;
	padding: 5px 0px
}

.tags {
	margin: 10px 0px;
	float: left
}

.tags .btn {
	margin-bottom: 5px
}

.logo {
    margin-top: 7.5px;
}