html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

html {
	word-wrap: break-word
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a,
button,
input,
textarea {
	outline: 0
}

button {
	border: 0;
	cursor: pointer;
	background-color: #fff0;
	padding: 0
}

b,
strong {
	font-weight: 700
}

a {
	text-decoration: none;
	color: #6d6d6d
}

i {
	font-style: italic
}

a:hover {
	color: #9fab01
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

input,
button {
	font-family: 'Open Sans', arial, sans-serif;
	padding: 0;
	margin: 0;
	outline: none
}

body {
	line-height: 1;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	background-color: #fbfbfb;
	color: #555
}

@media (pointer:fine) {
	body {
		overflow-y: scroll
	}
}

body.noscroll {
	overflow-y: hidden
}

.w1 {
	width: 1140px;
	margin: 0 auto
}

.w1:after {
	content: "";
	display: block;
	clear: both
}

.bx-pr {
	position: relative
}

.color1 {
	color: #bcc72c
}

.link-mais:before,
.link-maistop:before,
.social-share:before,
.play-cover li em:after,
.info-album ul li a:hover:before,
.bx1-cnt .a-m:after,
.footer-app a:before,
.footer-social a:before,
#share-cnt li a:before,
.login-face span:before,
.bigplay:after,
.lst-tm li .linktops b:before,
.icon-radom:before,
.icon-share:before,
.icon-more:before,
.check input:checked,
.optionMore:before,
.icon-play:before,
.icon-plus:before,
.more-share li a:before,
.more-msc button span:before,
.more-msc .btnfalse:before,
.twoLines .bx-titleSong b:before,
.icon-btnplay:before,
.faceCad:before,
.googCad:before,
.lst-Plst>li>a:before,
.btnHeart:before,
.icon-edit:before,
.btnClose:before,
.userLst li a:before,
.nPlaylist:before,
.icon-translate:before,
.icon-printer:before,
.bxSongImg em:after,
.btnPlfooter button,
.btnControlPl button,
.plExtra button,
.optionClose:before,
.lst-m1 li a:after,
.lstMalbum li a:after,
.iconStar,
.cPosNeg .cYes,
.cPosNeg .cNo,
.compart-not a:before,
.boxPls ul li button:before,
.icon-recolhe:before,
.bx-buscak .icon-search:before,
.ad-close:before {
	background: url(https://static-kbo-site.knbcdn.com.br/kbo/imagens/sprite-kboing-new.svg) no-repeat
}

.header {
	box-shadow: 0 0 12px rgb(0 0 0 / .3)
}

.logosearch {
	height: 70px;
	background-color: #232323
}

.header h1 a,
.header h2 a {
	float: left;
	display: block;
	width: 135px;
	height: 70px;
	line-height: 70px
}

.header h1 a img,
.header h2 a img {
	vertical-align: middle
}

.header h1,
.header h2 {
	float: left;
	position: relative
}

.header h1:before,
.header h2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 0 0 50px 15px #fff;
	transform: translate(-50%, -50%)
}

.breadcrumb {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 20px
}

.breadcrumb a {
	color: #999;
	display: inline-block;
	padding: 10px 20px 10px 0;
	position: relative
}

.breadcrumb a:hover {
	color: #9fab01
}

.breadcrumb a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 12px;
	right: 6px;
	border-left: 4px solid #999;
	border-top: 4px solid #fff0;
	border-bottom: 4px solid #fff0
}

.buscak {
	width: 550px;
	position: absolute;
	top: 17px;
	left: 50%;
	margin-left: -275px
}

.bx-buscak {
	width: 100%;
	height: 35px;
	position: relative;
	z-index: 3
}

.bx-textbuscak {
	position: absolute;
	left: 0;
	right: 50px;
	background-color: #fff;
	height: 35px;
	padding-right: 10px;
	border-radius: 5px 0 0 5px
}

#q {
	width: 100%;
	padding: 0 5px;
	height: 35px;
	line-height: 35px;
	border: 0;
	outline: 0;
	font-size: 15px;
	border-radius: 5px;
	float: left;
	color: #555
}

.bx-buscak .icon-search {
	position: absolute;
	right: 0;
	width: 50px;
	height: 35px;
	border: none;
	cursor: pointer;
	background-color: #fff;
	border-radius: 0 5px 5px 0;
	text-align: center;
	font-size: 22px;
	color: #fff
}

.bx-buscak .icon-search:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 16px;
	width: 20px;
	height: 20px;
	background-position: -83px -13px;
	opacity: .8
}

.bx-buscak .icon-search:hover:before {
	opacity: 1
}

.head-link {
	float: right;
	height: 70px
}

.head-link .btn1 {
	margin-top: 20px
}

.user {
	position: relative;
	float: right;
	height: 70px
}

.user.on,
.user:hover {
	background-color: rgb(255 255 255 / .1)
}

.user .username {
	display: block;
	height: 70px;
	padding: 0 5px;
	background: #fff0
}

.user img {
	float: left;
	width: 28px;
	height: 28px;
	padding: 2px;
	border: solid 1px #fff;
	border-radius: 50%
}

.user .username .n-usuario {
	float: right;
	padding-left: 5px;
	line-height: 34px;
	max-width: 110px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff
}

.userLst {
	padding: 5px;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 130px;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2);
	z-index: 2;
	display: none
}

.user.on .userLst {
	display: block
}

.userLst li a {
	display: block;
	background-color: #fff;
	line-height: 1.4em;
	padding: 5px 20px 5px 5px;
	color: #323232;
	border-radius: 5px;
	position: relative
}

.userLst li a:before {
	content: "";
	position: absolute;
	top: 9px;
	right: 5px;
	width: 7px;
	height: 12px;
	background-position: -50px 0
}

.userLst li a:hover {
	background: #eee
}

.btn1 {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	line-height: 10px;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 10px 20px;
	letter-spacing: 1px;
	cursor: pointer
}

.btn2 {
	display: inline-block;
	line-height: 10px;
	border-radius: 20px;
	padding: 5px 12px;
	color: #6d6d6d;
	text-transform: uppercase;
	font-size: 13px
}

.btn2:hover {
	border-color: #9fab01
}

.bx-btn100 {
	display: inline-block;
	width: 100%;
	clear: both
}

.bx-btn100 a {
	float: left;
	margin-right: 10px
}

.btnfull {
	display: inline-block;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 15px 0;
	letter-spacing: 1.1px;
	background-color: #232323;
	color: #fff;
	width: 100%;
	cursor: pointer;
	transition: all .2s linear
}

.btn1-transparent {
	background-color: #fff0;
	color: #fff
}

.btn1-transparent1 {
	background-color: #fff0;
	font-weight: 400;
	border: solid 1px #999;
	color: #999
}

.btn1-transparent1:hover {
	border-color: #9fab01
}

.btn1-cor {
	background-color: #fff;
	color: #232323
}

.btn1-cor2 {
	background-color: #bcc72c;
	border: solid 1px #bcc72c;
	color: #fff;
	font-weight: 400
}

.btn1-cor2:hover {
	background-color: #9fab01;
	border-color: #9fab01;
	color: #fff
}

.icon-radom,
.icon-share,
.icon-edit,
.icon-plus {
	padding-left: 40px;
	position: relative
}

.icon-btnplay {
	padding-left: 34px;
	position: relative
}

.icon-radom:before,
.icon-share:before,
.icon-btnplay:before,
.icon-edit:before,
.icon-translate:before,
.icon-printer:before {
	content: "";
	position: absolute;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 20px
}

.icon-radom:before {
	width: 13px;
	background-position: -162px -22px
}

.icon-share:before {
	width: 16px;
	background-position: -33px 0
}

.icon-btnplay:before {
	width: 10px;
	background-position: -22px 0
}

.icon-edit:before {
	width: 13px;
	height: 13px;
	background-position: -222px 0
}

.icon-translate:before,
.icon-printer:before {
	width: 16px;
	height: 16px;
	margin-top: -8px
}

.icon-share:hover:before {
	background-position: -86px 0
}

.icon-edit:hover:before {
	background-position: -222px -14px
}

.icon-more:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background-position: -162px -35px;
	cursor: pointer;
	border: solid 1px #999;
	border-radius: 50%
}

.icon-more:hover:before {
	background-position: -178px -35px;
	border-color: #9fab01
}

.icon-play:before,
.icon-plus:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	left: 10px;
	top: 50%;
	margin-top: -6px;
	opacity: .7
}

.icon-play:hover:before {
	background-position: -11px 0;
	opacity: 1
}

.icon-plus:before {
	margin-top: -5px;
	background-position: -160px -62px
}

.icon-plus:hover:before {
	background-position: -171px -62px;
	opacity: 1
}

.menu {
	height: 40px;
	background-color: #fbfbfb;
	text-transform: uppercase
}

.menu ul li {
	float: left;
	line-height: 40px;
	position: relative
}

.menu ul li:first-child:before {
	background-color: #fff0
}

.menu a {
	display: block;
	color: #323232;
	padding: 0 15px;
	position: relative;
	font-weight: 600;
	font-size: 13px
}

.menu a:before {
	content: "";
	height: 2px;
	background-color: #bcc72c;
	width: 100%;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	transition: all .2s linear;
	opacity: 0
}

.menu a:hover:before {
	opacity: 1
}

.w2 {
	width: 368px;
	float: left
}

.md-18 {
	margin-right: 18px
}

.mt-0 {
	margin-top: 0 !important
}

.mt-50 {
	margin-top: 50px
}

.mt-25 {
	margin-top: 25px
}

.w3 {
	width: 561px;
	float: left
}

.heading {
	margin-bottom: 15px
}

.heading h2,
.titleBig {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 17px;
	color: #323232
}

.heading h2 a {
	color: #323232;
	cursor: pointer
}

.heading h2 a:hover {
	color: #9fab01
}

.titleBig {
	display: inline-block
}

.titleBig1 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 21px;
	color: #6d6d6d;
	padding: 25px 0 10px
}

.heading span {
	color: #999;
	font-size: 15px;
	line-height: 1.2em
}

.dstq {
	margin-top: 30px
}

.dstq a {
	display: block;
	position: relative
}

.dstq .am-dstq {
	position: absolute;
	color: #fff;
	left: 10px;
	right: 10px;
	bottom: 10px;
	text-align: center
}

.dstq .am-dstq b,
.dstq .am-dstq em {
	display: block;
	line-height: 1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.dstq .am-dstq b {
	text-shadow: 0 1px 2px rgb(0 0 0 / .3);
	text-transform: uppercase;
	font-size: 20px
}

.dstq .am-dstq em {
	font-size: 17px
}

.dstq .am-dstq span {
	display: inline-block;
	background-color: #bcc72c;
	padding: 7px 15px;
	text-transform: uppercase;
	border-radius: 12px;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 700;
	letter-spacing: .02em
}

.dstq a:hover .am-dstq span {
	background-color: #9fab01
}

@keyframes outin {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

a:hover .zoom-oi,
.zoom-oi:hover {
	-webkit-animation: outin .2s;
	animation: outin .2s
}

.lst-news-capa,
.lst-news {
	float: left;
	width: 100%
}

.lst-news-capa a,
.lst-news a {
	display: block;
	float: left
}

.lst-news-capa li {

	position: relative;
	float: left;
	margin-right: 18px
}

.lst-news-w100 li {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #eee
}

.lst-news li {
	width: 100%;
	position: relative;
	float: left;
	margin-right: 18px;
	padding: 15px 0;
	border-bottom: solid 1px #eee
}

.lst-news-capa em {
	display: block;
	float: left;
	width: 155px;
	height: 107px;
	background-color: #ddd
}

.lst-news-w100 em {
	width: 100px;
	height: auto
}

.lst-news-w100 img {
	width: 100px;
	height: auto
}

.lst-news-capa p,
.lst-news-capa img,
.lst-news p,
.lst-news img {
	float: left
}

.lst-news-capa a:hover img,
.lst-news a:hover img {
	filter: brightness(75%);
	transition: all .2s linear
}

.lst-news-capa p,
.lst-news p {
	line-height: 1.2em
}

.lst-news-capa.ImageNotCapa p {
	position: absolute;
	left: 165px;
	top: 20px
}

.lst-news-w100 p {
	float: left;
	max-width: calc(100% - 110px);
	margin: 22px 0 0 10px
}

.lst-news p {
	position: absolute;
	left: 180px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px
}

.lst-news-capa.ImageNotCapa {
	margin-bottom: 30px
}

.lst-news .datetime {
	display: block;
	position: absolute;
	left: 165px;
	bottom: 15px;
	font-size: 12px;
	color: #999
}

.subTitNot {
	display: block;
	font-size: 12px;
	color: #323232;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 8px
}

.lst-news-w100 .subTitNot {
	position: absolute;
	left: 110px;
	top: 15px
}

.ImageNotCapa .subTitNot,
.lst-news .subTitNot {
	position: absolute;
	left: 165px;
	top: 0
}

.lst-news .subTitNot {
	top: 15px;
	left: 180px
}

.lst-news-capa li:nth-child(3n+0) {
	margin-right: 0
}

.link-mais,
.link-maistop {
	position: absolute;
	right: 0;
	padding-right: 15px;
	color: #323232;
	font-weight: 800;
	font-size: 14px
}

.link-mais {
	top: 20px
}

.link-maistop {
	top: 0
}

.link-mais:before,
.link-maistop:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 0;
	width: 7px;
	height: 12px;
	background-position: -50px 0
}

.link-mais:hover:before,
.link-maistop:hover:before {
	background-position: -58px 0
}

@keyframes setamais {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.seta-animada {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.seta-animada:hover:before {
	-webkit-animation: setamais .2s;
	animation: setamais .2s
}

.lst-cover1,
.lst-cover2,
.lst-rel {
	float: left;
	width: 100%;
	margin-bottom: -25px
}

.lst-cover3 {
	display: inline-block;
	width: 100%;
	margin-bottom: -25px
}

.lst-cover1 li {
	width: 165px;
	float: left
}

.lst-cover3 li {
	width: 250px;
	display: inline-block;
	vertical-align: top
}

.w1 .lst-cover1 li {
	margin: 0 30px 25px 0
}

.w1-2 .lst-cover3 li {
	margin: 0 35px 25px 0
}

.w1 .lst-cover1 li:nth-child(6n) {
	margin-right: 0
}

.w1-2 .lst-cover3 li:nth-child(3n) {
	margin-right: 0
}

.lst-cover1 li a,
.lst-cover3 li a {
	display: block
}

.lst-cover1 li img,
.lst-cover2 li img,
.lst-albuns-capa li .cover-top img,
.lst-cover3 li img {
	display: block;
	width: 100%;
	height: auto
}

.play-cover li em {
	display: block;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2);
	margin-bottom: 8px;
	background-color: #ddd;
	position: relative
}

.lst-albuns-capa.play-cover li em {
	margin-bottom: 0
}

.play-cover li em:before,
.bigplay:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	border: solid 2px #fff;
	top: 50%;
	left: 50%;
	margin: -37px 0 0 -36px;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	transition: all .2s linear
}

.play-cover li em:after,
.bigplay:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -11px;
	background-position: -109px 0;
	opacity: 0;
	transition: all .2s linear
}

.play-cover li a:hover em:before,
.play-cover li a:hover em:after,
a:hover .bigplay:before,
a:hover .bigplay:after {
	opacity: 1
}

.play-cover li a:hover em {
	background-color: #000
}

.play-cover li a:hover img {
	opacity: .5;
	transition: all .2s linear
}

.lst-cover1 li p,
.lst-cover3 li p {
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 800
}

.lst-cover1 li span,
.lst-cover3 li span {
	font-size: 13px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #999;
	line-height: 1.3em
}

.lst-cover1 li a:hover span,
.lst-cover3 li a:hover span {
	color: #555
}

.destaques-home {
	margin-top: 50px
}

.bx1 {
	height: 200px;
	position: relative
}

.bx1 h3 {
	text-transform: uppercase;
	font-weight: 800;
	background-color: #bcc72c;
	color: #fff;
	position: absolute;
	padding: 7px 15px;
	left: 10px;
	top: 10px;
	border-radius: 12px;
	z-index: 3;
	font-size: 12px
}

.bx1 a {
	display: block;
	color: #fff
}

.bx1 a:hover span {
	color: #bcc72c
}

.bx1-cnt {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff0 0%), color-stop(50%, #fff0 55%), color-stop(100%, rgb(0 0 0 / .8) 100%));
	background-image: -webkit-linear-gradient(top, #fff0 0%, #fff0 55%, rgb(0 0 0 / .8) 100%);
	background: linear-gradient(to bottom, #fff0 0%, #fff0 55%, rgb(0 0 0 / .8) 100%)
}

a:hover .bx1-cnt {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff0 0%), color-stop(50%, #fff0 0%), color-stop(100%, rgb(0 0 0 / .8) 100%));
	background-image: -webkit-linear-gradient(top, #fff0 0%, #fff0 0%, rgb(0 0 0 / .8) 100%);
	background: linear-gradient(to bottom, #fff0 0%, #fff0 0%, rgb(0 0 0 / .8) 100%)
}

.bx1-cnt .a-m {
	position: absolute;
	top: 145px;
	font-size: 16px;
	line-height: 1.3em;
	padding-left: 60px;

}

.bx1-cnt .a-m:before {
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	border: solid 2px #fff;
	border-radius: 50%;
	top: 2px;
	left: 17px
}

.bx1-cnt .a-m:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	background-position: -22px 0;
	top: 14px;
	left: 31px
}

.bx1 a:hover .a-m:before {
	border-color: #bcc72c
}

.bx1 a:hover .a-m:after {
	background-position: -11px 0
}

.bx1-cnt .a-m b,
.bx1-cnt .a-m span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.bx1-cnt .a-m span {
	font-size: 14px
}

.lst-m1 {
	counter-reset: lstmusica
}

.lst-m1 li {
	counter-increment: lstmusica
}

.lst-m1 li a:before {
	content: counter(lstmusica, decimal);
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	left: 5px;
	font-size: 30px;
	color: #bbb;
	opacity: .5;
	text-align: center;
	box-sizing: border-box
}

.lst-m1 li a:hover:before {
	content: "";
	border: solid 1px #6d6d6d;
	border-radius: 50%;
	opacity: 1
}

.lst-m1 li a:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 19px;
	left: 16px;
	display: none
}

.lst-m1 li a:hover:after {
	display: block
}

.lst-m1 li a {
	display: block;
	padding: 7px 0 7px 40px;
	position: relative
}

.lst-m1 li a:hover {
	background-color: #eee;
	color: #6d6d6d
}

.lst-m1 li a span,
.linktops i {
	color: #6d6d6d
}

.lst-m1 li b,
.lst-m1 li span {
	display: block;
	line-height: 1.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

ol li .linktops {
	display: block;
	padding: 5px 0;
	position: relative;
	border-bottom: solid 1px #eee;
	transition: all .2s linear
}

ol li .linktops:hover,
ol li:hover .linktops {
	background-color: #eee
}

ol li .linktops img {
	display: inline-block;
	margin-right: 20px;
	border-radius: 50%;
	padding: 4px;
	vertical-align: middle;
	background-color: #fff
}

.lst-tm li>.linktops>img,
.lst-tm>li>a:hover:before {
	border: solid 1px #bcc72c
}

.lst-ta li .linktops img,
.lst-ta li a:hover:before {
	border: solid 1px #bcc72c
}

ol li .linktops:hover img {
	box-shadow: 0 2px 4px rgb(0 0 0 / .2)
}

.bxtop {
	width: calc(100% - 110px)
}

.songArtImg {
	width: calc(100% - 62px)
}

.lst-musCont .songArtImg {
	width: calc(100% - 93px)
}

.bxtop,
ol li .linktops b,
.songArtImg {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3em
}

ol li .linktops b {
	font-size: 15px;
	font-weight: 600;
	position: relative
}

.lst-tm li .linktops b:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 5px;
	left: 0;
	background-position: -76px 0
}

.lst-tm li .linktops:hover b:before {
	background-position: -11px 0
}

.lst-tm li .linktops b,
.lst-tm li a:hover:before {
	color: #bcc72c
}

.lst-ta li .linktops b,
.lst-ta li a:hover:before {
	color: #bcc72c
}

ol li .linktops b,
ol li .linktops i,
.songArtImg b {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.lst-tm li .linktops b,
ol li .linktops i {
	padding-left: 15px
}

ol li .linktops i {
	font-style: normal
}

.lst-tm,
.lst-ta,
.lst-taBig {
	counter-reset: tops
}

.lst-tm>li,
.lst-ta li,
.lst-taBig li {
	counter-increment: tops;
	position: relative
}

.lst-tm>li>a:before,
.lst-ta li a:before {
	content: counter(tops, decimal);
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: 5px;
	left: 60px;
	font-size: 17px;
	border-radius: 50%;
	color: #fff;
	font-weight: 800;
	text-align: center;
	transition: all .2s linear
}

.lst-tm>li>a:before {
	background-color: #bcc72c
}

.lst-ta li a:before {
	background-color: #bcc72c
}

.lst-tm>li>a:hover:before,
.lst-ta li a:hover:before {
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	width: 40px;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 4px 4px rgb(0 0 0 / .2);
	background-color: #fff
}

.lst-taBig li a:hover em:before {
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	width: 50px;
	height: 50px;
	line-height: 50px;
	box-shadow: 0 4px 4px rgb(0 0 0 / .2);
	background-color: #fff
}

.lst-taBig li a {
	display: block;
	position: relative;
	transition: all .2s linear
}

.lst-taBig li a em {
	border-color: #323232;
	transition: all .2s linear
}

.lst-taBig li a em:before {
	content: counter(tops, decimal);
	position: absolute;
	width: 45px;
	height: 45px;
	line-height: 45px;
	top: 95px;
	right: 0;
	font-size: 25px;
	border-radius: 50%;
	color: #323232;
	font-weight: 800;
	text-align: center;
	transition: all .2s linear;
	border: solid 1px #323232;
	background: #fff
}

.lst-taBig li a:hover em {
	border-color: #bcc72c
}

.lst-taBig li a:hover em:before {
	border-color: #bcc72c;
	color: #bcc72c
}

.lst-albuns-capa {
	counter-reset: tops
}

.lst-albuns-capa,
.lst-albuns-capa li ul {
	float: left;
	width: 100%
}

.lst-albuns-capa li {
	float: left;
	width: 100%;
	counter-increment: tops
}

.lst-albuns-capa>li {
	margin-bottom: 15px
}

.lst-albuns-capa>li:last-child {
	margin-bottom: 0
}

.lst-albuns-capa .cover-top {
	display: inline-block;
	float: left;
	margin-right: 10px;
	position: relative
}

.lst-albuns-capa .cover-top:before {
	content: counter(tops, decimal);
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: -8px;
	left: -8px;
	font-size: 19px;
	border-radius: 50%;
	color: #6d6d6d;
	font-weight: 800;
	text-align: center;
	background-color: #fff;
	border: solid 1px #6d6d6d;
	z-index: 2
}

.info-album {
	float: left;
	width: 208px;
	font-size: 13px
}

.info-album .n-album {
	font-weight: 800;
	line-height: 1.3em;
	font-size: 14px
}

.info-album .n-album,
.info-album ul li a,
.info-album i {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.info-album i {
	line-height: 1.4em;
	color: #999;
	font-style: normal
}

.info-album ul li a {
	line-height: 1.4em;
	position: relative;
	padding: 2px 0 2px 25px
}

.info-album ul li a:hover {
	background-color: #eee;
	color: #6d6d6d
}

.info-album ul {
	margin-top: 10px;
	counter-reset: lstm-album
}

.info-album ul li {
	counter-increment: lstm-album
}

.info-album ul li a:before {
	content: counter(lstm-album, decimal);
	position: absolute;
	font-size: 13px;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 5px;
	color: #bbb;
	opacity: .5;
	text-align: center
}

.info-album ul li a:hover:before {
	content: "";
	width: 10px;
	height: 12px;
	top: 5px;
	opacity: 1
}

.link-mini a {
	display: inline-block;
	width: 48%;
	padding: 4px 0;
	float: left;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	border: solid 1px #999
}

.link-mini a:hover {
	border-color: #9fab01
}

.link-mini .btn-mini1 {
	border-color: #bcc72c
}

.btn-mini1 {
	background-color: #bcc72c;
	color: #fff
}

.btn-mini1:hover {
	color: #fff;
	background-color: #9fab01
}

.info-album .link-mini .btn-mini1 {
	margin-right: 2%
}

.info-album .link-mini {
	margin-top: 15px;
	float: left;
	width: 100%
}

.lst-cover2 li {
	width: 150px;
	float: left
}

.w3-lstcover {
	margin-bottom: -20px;
	font-size: 13px
}

.w3-lstcover.lst-cover2 li {
	width: 140px;
	margin-bottom: 20px;
	text-align: center
}

.w3-lstcover.lst-rel li {
	width: 90px;
	margin: 0 16px 20px 0
}

.w3-lstcover.lst-rel li:nth-child(3n) {
	margin-right: 0
}

.w3-lstcover.lst-cover2 li:nth-child(odd) {
	margin-right: 20px
}

.w1-lstcover.lst-cover2 li {
	margin: 0 15px 25px 0
}

.w2-lstcover.lst-cover2 li {
	margin: 0 17px 25px 0
}

.w1-lstcover.lst-rel li {
	margin: 0 15px 25px 0
}

.w2-lstcover.lst-rel li {
	margin: 0 17px 25px 0
}

.w1-lstcover.lst-cover2 li:nth-child(7n),
.w2-lstcover.lst-cover2 li:nth-child(5n),
.w2-lstcover.lst-rel li:nth-child(5n),
.w1-lstcover.lst-rel li:nth-child(7n) {
	margin-right: 0
}

.lst-cover2 li a {
	display: block
}

.lst-cover2 li a b,
.lst-cover2 li a span {
	display: block;
	font-size: 13px;
	line-height: 1.4em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.lst-cover2 li a span {
	color: #999
}

.footer {
	background-color: #e2e2e2;
	margin-top: 50px;
	padding: 10px 0 106px
}

.ttlfooter {
	color: #323232;
	text-transform: uppercase;
	position: relative
}

.ttlfooter:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #bcc72c;
	bottom: -3px;
	left: 50%;
	margin-left: -20px
}

.az {
	border-bottom: solid 1px #d8d8d8;
	padding-bottom: 20px
}

.az ul {
	width: 100%;
	float: left;
	margin-top: 20px
}

.az ul li {
	float: left;
	text-transform: uppercase;
	width: 3.7%
}

.az ul li a {
	display: block;
	text-align: center;
	line-height: 25px;
	border-radius: 5px
}

.az ul li a:hover {
	background-color: #eee;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2);
	font-size: 17px
}

.linkfooter {
	border-bottom: solid 1px #d8d8d8;
	padding: 20px 0
}

.linkfooter ul {
	margin-top: 20px;
	overflow: hidden
}

.linkfooter ul li a {
	display: block;
	padding: 5px 0;
	display: inline-block
}

.linkfooter .w1>div {
	width: 24%;
	float: left
}

.linkfooter .footer-social {
	width: 100% !important;
	margin-top: 50px
}

.footer-app a {
	display: inline-block;
	margin-top: 20px;
	width: 157px;
	height: 35px;
	position: relative
}

.footer-app a span {
	position: absolute;
	font-size: 12px;
	top: -2px;
	left: 42px
}

.footer-app a:before {
	content: "";
	position: absolute;
	width: 157px;
	height: 35px;
	background-position: 0 -41px
}

.footer-social ul li {
	float: left;
	margin-right: 50px
}

.footer-social ul li a {
	padding: 0 0 0 30px;
	position: relative;
	line-height: 25px
}

.footer-social ul li:last-child {
	margin-right: 0
}

.footer-social ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px
}

.footer-social .footer-f:before {
	background-position: 0 -13px
}

.footer-social .footer-t:before {
	background-position: -26px -13px
}

.footer-social .footer-i:before {
	width: 30px;
	background-position: -52px -13px
}

.footer ul.w1 {
	text-align: center;
	padding-top: 10px
}

.footer ul.w1 li {
	display: inline-block;
	padding: 0 20px;
	color: #6d6d6d
}

#share-cnt {
	border: solid 1px #eee;
	background: #fff;
	position: absolute;
	border-radius: 3px;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .1);
	display: block;
	padding: 0 6px;
	z-index: 999;
	display: none
}

#share-cnt:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid #fff0;
	border-right: 8px solid #fff0;
	border-bottom: 8px solid #FFF;
	top: -7px;
	left: calc(50% - 8px)
}

#share-cnt:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 9px solid #fff0;
	border-right: 9px solid #fff0;
	border-bottom: 9px solid #eee;
	top: -9px;
	left: calc(50% - 9px)
}

#share-cnt li,
.more-share li {
	float: left;
	padding: 8px 2px
}

#share-cnt li a,
.more-share li a {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	text-align: center;
	position: relative;
	opacity: .5
}

#share-cnt li a:hover,
.more-share li a:hover {
	opacity: 1
}

.shareface,
.compart-not .face-n {
	background-color: #4267b2
}

.sharewhats,
.compart-not .goog-n {
	background-color: #00e676
}

.sharetwitter,
.compart-not .twit-n {
	background-color: #1da1f2
}

.sharecopy {
	background-color: #ccc
}

#share-cnt li a:before,
.more-share li a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	height: 21px
}

#share-cnt li .shareface:before,
.more-share li .shareface:before {
	width: 11px;
	margin-left: -5px;
	background-position: -162px 0
}

#share-cnt li .sharewhats:before,
.more-share li .sharewhats:before {
	width: 21px;
	margin-left: -10px;
	background-position: -140px 0
}

#share-cnt li .sharetwitter:before,
.more-share li .sharetwitter:before {
	width: 21px;
	height: 18px;
	top: 7px;
	margin-left: -10px;
	background-position: -140px -22px
}

#share-cnt li .sharecopy:before,
.more-share li .sharecopy:before {
	width: 21px;
	margin-left: -10px;
	background-position: -174px 0
}

::-webkit-input-placeholder {
	color: #d2d2d2;
	transition: opacity 250ms ease-in-out
}

:focus::-webkit-input-placeholder {
	opacity: .5
}

:-ms-input-placeholder {
	color: #d2d2d2;
	transition: opacity 250ms ease-in-out
}

:focus:-ms-input-placeholder {
	opacity: .5
}

::-moz-placeholder {
	color: #d2d2d2;
	opacity: 1;
	transition: opacity 250ms ease-in-out
}

:focus::-moz-placeholder {
	opacity: .5
}

:-moz-placeholder {
	color: #d2d2d2;
	opacity: 1;
	transition: opacity 250ms ease-in-out
}

:focus:-moz-placeholder {
	opacity: .5
}

.modalBase {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgb(0 0 0 / .5);
	z-index: 1000;
	text-align: center
}

.boxModal {
	background: #fff;
	border: 1px solid #eee;
	font-size: 13px;
	border-radius: 5px;
	margin: 100px auto 0;
	z-index: 1001;
	box-sizing: border-box;
	position: relative
}

#bx_login_box {
	width: 500px
}

#plstModal {
	width: 500px
}

.btnCad {
	background: #fff0;
	padding: 20px 0;
	border-radius: 500px;
	min-width: 200px;
	border: solid 1px #999;
	transition: all .2s linear;
	color: #999
}

.btnCad:hover {
	background-color: #9fab01;
	color: #fff;
	border-color: #9fab01
}

#bx_login_box .btnfull {
	margin-bottom: 10px
}

.bx-content-form {
	padding: 0 10px 10px
}

input[type="text"],
input[type="password"] {
	border: solid 1px #e2e2e2;
	font-size: 14px;
	height: 35px;
	margin-bottom: 10px;
	outline: none;
	padding: 0 8px
}

input:focus {
	border-color: #999;
	outline: none
}

.topoform {
	display: inline-block;
	width: 100%;
	line-height: 35px;
	text-transform: uppercase;
	text-align: center;
	color: #323232;
	margin-bottom: 25px;
	font-size: 17px;
	box-shadow: 0 0 12px rgb(0 0 0 / .3)
}

.campo {
	border: solid 1px #e2e2e2;
	width: calc(100% - 18px)
}

.divisor {
	display: inline-block;
	width: 100%;
	border-top: solid 1px #e2e2e2;
	line-height: 1px;
	margin: 20px 0;
	text-align: center
}

.divisor strong {
	background: #fff;
	font-size: 13px;
	padding: 0 25px;
	color: #999
}

.discHead {
	padding-bottom: 10px;
	position: relative
}

.art-cover,
.coverAS {
	display: inline-block;
	vertical-align: middle
}

.art-cover a,
.lst-rel a em {
	display: block;
	border: solid 1px #bcc72c;
	padding: 5px;
	border-radius: 50%;
	background-color: #fff
}

.art-cover img {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%
}

.coverAS {
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2)
}

.coverAS img {
	display: block;
	width: 180px;
	height: 180px
}

.bxDisc .coverAS img {
	width: 150px;
	height: 150px
}

.artTitleStyle,
.detAS {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px
}

.artTitleStyle h1,
.detAS h1,
.detAS h2 {
	font-weight: 800;
	font-size: 36px;
	letter-spacing: -1px;
	color: #6d6d6d
}

.detAS h2 {
	font-size: 17px;
	font-weight: 400
}

.artTitleStyle {
	width: calc(100% - 182px)
}

.detAS {
	width: calc(100% - 220px)
}

.detAS p {
	margin: 10px 0 15px;
	color: #999
}

.songsAdd {
	position: absolute;
	bottom: 10px;
	left: 200px;
	color: #999;
	font-size: 12px
}

.artTitleStyle ul {
	float: left;
	margin: 5px 0 15px
}

.artTitleStyle ul li {
	float: left;
	margin-right: 15px;
	line-height: 15px
}

.artMenu {
	float: left;
	width: 100%
}

.bxHeadPag:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff0 0%), color-stop(50%, #fff0 55%), color-stop(100%, rgb(238 238 238 / .5) 100%));
	background-image: -webkit-linear-gradient(top, #fff0 0%, #fff0 55%, rgb(238 238 238 / .5) 100%);
	background: linear-gradient(to bottom, #fff0 0%, #fff0 55%, rgb(238 238 238 / .5) 100%);
	border-bottom: solid 1px #eee
}

.artMenu li {
	float: left;
	padding: 10px 12px 0 12px
}

.artMenu li a {
	display: block;
	position: relative;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 20px;
	padding-bottom: 8px
}

.artMenu li a.ativo:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #bcc72c;
	bottom: 0;
	left: 50%;
	margin-left: -15px
}

.artMenu li .ativo,
.artMenu li .ativo:hover {
	cursor: text;
	pointer-events: none;
	font-weight: 800;
	color: #323232
}

.w1-2,
.w1-3 {
	float: left
}

.w1-2 {
	width: 820px
}

.w1-3 {
	width: 302px
}

.lst-TitleMus {
	float: left;
	width: 100%;
	line-height: 44px;
	border-bottom: solid 1px #eee;
	color: #bbb;
	background-color: #fbfbfb;
	box-shadow: 0 10px 10px -10px rgb(150 150 150 / .2);
	z-index: 2;
	text-transform: uppercase;
	position: relative
}

.lst-TitleMus.p-sticky {
	position: sticky;
	top: 0;
	z-index: 2
}

.lst-TitleMus span {
	float: left
}

.lst-TitleMus span:first-child {
	width: 27px;
	text-align: center;
	height: 44px
}

.sel-link {
	position: absolute;
	right: 35px;
	top: 0
}

.sel-link a {
	margin-left: 5px
}

.sel-link .icon-play,
.sel-link .icon-plus {
	position: relative;
	padding-left: 25px
}

.bxSel {
	position: absolute;
	right: 6px;
	top: 0
}

.lst-Oneline,
.lst-musAll,
.bx-artSongs {
	width: 100%;
	float: left
}

.lst-Oneline>li,
.lst-musAll>li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #eee;
	position: relative
}

.lst-musCont>li {
	counter-increment: contMus
}

.lst-Cont {
	counter-reset: contArt 10
}

.lst-3colw {
	float: left
}

.lst-Cont>li {
	counter-increment: contArt
}

.lst-3colw li {
	margin-right: 18px;
	float: left;
	width: 261px
}

.lst-3colw li:nth-child(3n) {
	margin-right: 0
}

.lst-3colw li a {
	display: block;
	padding: 8px 10px;
	line-height: 20px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px
}

.lst-Cont>li a:before {
	content: counter(contArt, decimal);
	display: inline-block;
	text-align: center;
	width: 25px;
	color: #bbb;
	padding-right: 5px
}

.lst-Cont>li a:hover:before {
	font-weight: 600;
	color: #555
}

.lst-3colw li a:hover {
	background-color: #eee;
	color: #555
}

.lst-Oneline>li>a {
	float: left;
	display: block;
	padding: 12px 0;
	line-height: 20px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.lst-musCont>li>a {
	width: calc(100% - 62px)
}

.lst-Plst>li>a,
.vmusicasList .bx-titleSong {
	width: calc(100% - 36px)
}

.bxSongImg {
	float: left;
	width: calc(100% - 37px)
}

.bxSongImg img {
	width: 55px;
	height: auto;
	vertical-align: middle
}

.bx-titleSong {
	float: left;
	width: calc(100% - 62px);
	overflow: hidden
}

.bx-titleSong a {
	float: left;
	padding: 12px 10px 12px 7px;
	line-height: 20px
}

.vmusicasList .bx-titleSong a {
	line-height: 15px
}

.bx-titleSong a img {
	opacity: .6
}

.titleSong {
	display: block
}

.bxSongImg em {
	display: inline-block;
	position: relative;
	background-color: #ddd;
	margin-right: 3px
}

.bxSongImg a {
	position: relative
}

.bxSongImg a:hover em {
	background-color: #000
}

.bxSongImg a:hover img {
	opacity: .5;
	transition: all .2s linear
}

.bxSongImg em:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border: solid 2px #fff;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -17px;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	transition: all .2s linear
}

.bxSongImg em:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -4px;
	background-position: -22px 0;
	opacity: 0;
	transition: all .2s linear
}

.bxSongImg a:hover em:before,
.bxSongImg a:hover em:after {
	opacity: 1
}

.bx-titleSong .titleSong {
	width: calc(100% - 30px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 12px 0
}

.lst-Oneline li:hover,
.lst-musAll li:hover,
.lst-Oneline li.moreOn {
	background-color: #eee;
	border-color: #fbfbfb
}

.vmusicasList .lst-musAll li:hover {
	background-color: #fff0
}

.vmusicasList .lst-musAll li.tocando,
.vmusicasList .lst-musAll li.tocando:hover {
	background-color: #eee;
	border-color: #eee
}

.lst-Oneline li a:hover,
.lst-musAll li a:hover,
.lst-Oneline li.moreOn a {
	color: #555
}

.lst-musAll li:hover a img {
	opacity: 1
}

.lst-musCont>li>a:before,
.lst-musCont .bxSongImg a:before {
	content: "";
	display: inline-block;
	text-align: center;
	width: 22px;
	color: #bbb;
	padding-right: 5px
}

.lst-musCont .bxSongImg a:after {
	content: "";
	position: absolute;
	text-align: center;
	width: 0;
	height: 0;
	top: 40px;
	left: 5px
}

.pSubiu:after {
	border-left: 6px solid #fff0;
	border-right: 6px solid #fff0;
	border-bottom: 10px solid #77bb59
}

.pDesceu:after {
	border-left: 6px solid #fff0;
	border-right: 6px solid #fff0;
	border-top: 10px solid #d83737
}

.pIgual:after {
	width: 12px !important;
	height: 3px !important;
	background-color: #bbb
}

.lst-musCont>li>a:before {
	vertical-align: top
}

.lst-Plst>li>a:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 8px 0 7px;
	background-position: -209px 0
}

.lst-Plst>li>a:hover:before {
	background-position: 0 0;
	width: 10px;
	margin-right: 10px
}

.lst-musCont>li>a:before {
	content: counter(contMus, decimal)
}

.lst-musCont li a:hover:before,
.lstTopM .twoLines .bx-titleSong:hover b:before {
	content: ""
}

.lst-musCont .bxSongImg a:before,
.lst-musCont .bxSongImg a:hover:before {
	content: counter(contMus, decimal-leading-zero)
}

.lst-musCont>li>a:after,
.lstTopM .twoLines .bx-titleSong b:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 7px;
	background: url(https://static-kbo-site.knbcdn.com.br/kbo/imagens/sprite-kboing-new.svg);
	display: none
}

.lst-musCont li a:hover:after,
.lstTopM .twoLines .bx-titleSong:hover b:after {
	display: block
}

.optionMore,
.optionClose {
	float: left;
	width: 36px;
	height: 44px;
	cursor: pointer;
	position: relative
}

.lstSongImg .optionMore {
	height: 65px
}

.optionMore:before {
	content: "";
	width: 16px;
	height: 4px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -2px;
	background-position: -162px -52px;
	display: none
}

.optionClose:before {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7px;
	margin-top: -6px;
	background-position: -222px -28px;
	opacity: .4;
	display: none
}

li:hover .optionMore:before,
.moreOn .optionMore:before,
li:hover .optionClose:before {
	display: block
}

li:hover .optionClose:hover:before {
	opacity: .8
}

.optionMore:hover:before,
.moreOn .optionMore:before {
	background-position: -162px -57px
}

.check {
	float: left;
	height: 14px;
	width: 14px;
	margin-left: 6px;
	cursor: pointer;
	position: relative;
	top: 15px
}

.lst-TitleMus .check {
	float: right;
	margin-right: 6px
}

.check input {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 2px;
	cursor: pointer
}

.check input:checked {
	border-color: #bcc72c;
	background-color: #bcc72c;
	background-position: -181px -66px
}

.lst-rel li {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	text-align: center
}

.lst-rel li b {
	display: block;
	font-weight: 400;
	margin-top: 8px;
	line-height: 1.4em
}

.lst-rel li a em {
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2)
}

.lst-rel img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%
}

.modal-more {
	border: solid 1px #eee;
	background: #fff;
	position: absolute;
	border-radius: 3px;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .1);
	display: block;
	padding: 5px;
	z-index: 999;
	width: 200px;
	top: 0;
	left: -212px;
	cursor: default
}

.modal-more:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 9px solid #fff0;
	border-bottom: 9px solid #fff0;
	border-left: 9px solid #eee;
	top: 11px;
	right: -9px
}

.modal-more:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid #fff0;
	border-bottom: 8px solid #fff0;
	border-left: 8px solid #FFF;
	top: 12px;
	right: -7px
}

.more-msc button,
.more-msc .btnfalse {
	display: block;
	width: 100%;
	line-height: 35px;
	text-align: left;
	cursor: pointer;
	color: #999;
	background-color: #fff0;
	font-size: 13px
}

.more-msc button span {
	display: block;
	padding-left: 25px;
	position: relative
}

.more-msc .btnfalse {
	line-height: 15px;
	padding: 10px 0 0 25px;
	cursor: default;
	width: auto;
	position: relative
}

.more-msc button span:before,
.more-msc .btnfalse:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	opacity: .6
}

.more-msc .icoaddPlay:before {
	width: 10px;
	height: 12px;
	margin-top: -6px
}

.more-msc .icoaddPlst:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-position: -196px 0
}

.more-msc .icoaddDel:before {
	width: 12px;
	height: 13px;
	margin-top: -8px;
	background-position: -209px -13px
}

.more-msc .icon-edit:before {
	background-position: -222px 0
}

.more-msc .icoHeart:before {
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background-position: -195px -23px
}

.more-msc .more-share {
	display: inline-block;
	padding-left: 23px
}

.more-msc .btnfalse:before {
	width: 12px;
	height: 9px;
	background-position: -196px -13px
}

.more-msc>li:hover {
	background-color: #eee;
	color: #6d6d6d
}

.more-msc>li:hover button,
.more-msc>li:hover .btnfalse {
	color: #6d6d6d
}

.more-msc>li:hover button span:before,
.more-msc>li:hover .btnfalse:before {
	opacity: 1
}

.twoLines .bx-titleSong .titleSong {
	width: 100%;
	padding: 10px 0
}

.vmusicasList .twoLines .bx-titleSong .titleSong {
	padding: 5px 0
}

.twoLines .bx-titleSong a b,
.twoLines .bx-titleSong a span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 27px;
	position: relative
}

.vmusicasList .twoLines .bx-titleSong a b,
.vmusicasList .twoLines .bx-titleSong a span {
	font-size: 13px
}

.twoLines .bx-titleSong a b,
.bxSongImg a b {
	font-weight: 600
}

.twoLines .bx-titleSong a span,
.bxSongImg a span {
	color: #999
}

.twoLines .bx-titleSong b:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 7px;
	background-position: -66px 0
}

.twoLines .bx-titleSong:hover b:before,
.twoLines .bx-titleSong .playing b:before {
	background-position: 0 0
}

.lst-musAll.twoLines .optionMore {
	height: 60px
}

.vmusicasList .lst-musAll.twoLines .optionMore {
	height: 40px
}

.lst-musAll.twoLines .check {
	top: 23px
}

.lst-musAll.twoLines .modal-more:before {
	top: 19px
}

.lst-musAll.twoLines .modal-more:after {
	top: 20px
}

.bxDisc {
	margin-bottom: 50px
}

.bxDisc:last-child {
	margin-bottom: 0
}

.bxTopCol2 .lst-tm,
.top10Col2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 482px;
	align-content: space-between
}

.top10Col2 {
	height: 226px
}

.bxTopCol2>.lst-tm>li,
.top10Col2>li {
	width: calc((100% - 18px)/ 2)
}

.bxTopCol2>.lst-tm>li:nth-child(5n+1),
.top10Col2>li:nth-child(5n+1) {
	border-top: solid 1px #eee
}

.bxTopCol2 .lst-ta li {
	width: calc(50% - 9px);
	float: left
}

.bxTopCol2 .lst-ta li:nth-child(odd) {
	margin-right: 18px
}

.bxTopCol2 .lst-ta li:nth-child(n+100) a:before {
	font-size: 14px
}

.bxTopCol2 .lst-ta li .linktops b {
	white-space: normal
}

.lstTopM {
	counter-reset: lstM 10
}

.lstTopM .twoLines>li {
	counter-increment: lstM
}

.lstTopM .twoLines .bx-titleSong b:before {
	content: counter(lstM, decimal);
	background: none;
	width: 20px;
	height: auto;
	top: auto;
	left: 0;
	text-align: center;
	margin-top: 0;
	font-weight: 400;
	color: #bbb
}

.bxContent,
.dFlex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.lst-tm .check {
	position: absolute;
	top: 10px;
	right: 6px
}

.lst-tm .optionMore {
	position: absolute;
	top: 10px;
	height: 14px;
	right: 25px
}

.lst-tm .optionMore .modal-more {
	top: -11px
}

.lst-3col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	-ms-column-gap: 18px;
	column-gap: 18px
}

.lst-3col li {
	font-size: 15px;
	float: left;
	width: 100%;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.lst-3col li a {
	display: block;
	font-size: 15px;
	padding: 8px 10px;
	line-height: 1.2em
}

.lst-3col li a:hover {
	background-color: #eee;
	color: #555
}

.signupContent {
	width: 600px;
	margin: 0 auto
}

.boxBtnCad {
	float: left;
	width: 100%;
	text-align: center
}

.boxBtnCad .btnform {
	display: inline-block;
	margin: 0 5px
}

.btnform {
	display: block;
	line-height: 18px;
	padding: 11px 0 11px 60px;
	text-align: left;
	border-radius: 5px;
	font-size: 15px;
	position: relative;
	font-family: Arial, sans-serif;
	font-weight: 700;
	width: 110px
}

button.btnform {
	border: solid 1px #323232;
	background: #fff0;
	font-weight: 800
}

.faceCad {
	background-color: #3b5998;
	color: #fff
}

.faceCad:hover {
	color: #fff
}

.faceCad:before {
	content: "";
	position: absolute;
	width: 11px;
	height: 21px;
	top: 50%;
	margin-top: -11px;
	left: 18px;
	background-position: -162px 0
}

.googCad {
	background-color: #fff;
	color: #757575;
	box-shadow: 0 1px 2px rgb(0 0 0 / .2)
}

.googCad:hover {
	color: #757575
}

.googCad:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top: -11px;
	left: 18px;
	background-position: -195px -49px
}

.signup .divisor strong {
	background: #fbfbfb
}

.titSign {
	text-align: center;
	font-weight: 600;
	color: #323232;
	font-size: 15px;
	margin-bottom: 20px
}

.textSignup {
	float: left;
	width: 100%;
	margin-bottom: 15px
}

.textSignup label,
.labelCad {
	display: block;
	line-height: 1.6em;
	padding-left: 5px;
	text-align: left
}

.textSignup input {
	border-radius: 3px;
	width: 100%;
	height: 45px;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 0
}

.textSignup .check {
	width: auto;
	top: auto;
	padding-left: 20px;
	line-height: 14px
}

.bx-content-form .btnfull {
	border-radius: 500px
}

.bx-content-form .btnfull:hover {
	background-color: #9fab01
}

.textHalf {
	float: left;
	width: 49%
}

.textHalf-r {
	float: right;
	width: 49%
}

.msgerror i {
	color: red;
	font-size: 12px;
	display: block
}

.textSignup #dia,
.textSignup #mes,
.textSignup #ano {
	float: left;
	text-align: center;
	position: relative
}

.textSignup #dia {
	border-radius: 3px 0 0 3px
}

.textSignup #mes {
	margin-left: -1px;
	border-radius: 0
}

.textSignup #dia,
.textSignup #mes {
	width: 75px
}

.textSignup #ano {
	width: 145px;
	border-radius: 0 3px 3px 0;
	margin-left: -1px
}

.dnasc input:focus {
	z-index: 3
}

.msgerror input,
.msgerror input:focus {
	border-color: red
}

.textSignup .rdio {
	float: left;
	margin-right: 15px;
	position: relative
}

.textSignup .rdio input {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px
}

.textSignup .rdio label {
	display: inline-block;
	line-height: inherit;
	margin-top: 15px
}

.textSignup .box-file {
	display: block;
	width: 162px;
	overflow: hidden;
	text-align: center;
	padding: 0;
	position: relative;
	margin: 7px 0
}

.minTag1 {
	display: inline-block;
	font-size: 12px;
	color: #9fab01;
	text-transform: uppercase;
	margin-bottom: 5px
}

.minTag {
	display: inline-block;
	font-size: 12px;
	padding: 5px;
	border-radius: 3px;
	background-color: #6d6d6d;
	color: #fff;
	margin-bottom: 5px
}

.btnHeart {
	background: #fff0;
	border-radius: 50%;
	cursor: pointer
}

.bx-btn100 .btnHeart {
	position: relative;
	width: 30px;
	height: 30px;
	border: solid 1px #999
}

.bx-btn100 .btnHeart:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -7px
}

.lst-musCont .btnHeart {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 50%;
	margin-top: -14px;
	left: 21px
}

.lst-musCont .btnHeart:hover {
	background-color: #fff
}

.bx-btn100 .btnHeart:hover {
	border-color: #9fab01
}

.btnHeart:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 12px;
	background-position: -195px -36px;
	vertical-align: middle
}

.noHeart:before {
	background-position: -195px -23px
}

.lst-musCont.heartOn>li>a:before {
	padding-right: 30px
}

.lst-cover2.heartOn li,
.lst-rel.heartOn li {
	position: relative
}

.lst-cover2 .btnHeart {
	width: 27px;
	height: 27px;
	top: 113px;
	right: 10px;
	display: none;
	position: absolute
}

.lst-rel .btnHeart {
	width: 27px;
	height: 27px;
	left: 50%;
	margin-left: -14px;
	top: 113px;
	display: none;
	position: absolute
}

.lst-cover2.heartOn li:hover .btnHeart,
.lst-rel.heartOn li:hover .btnHeart {
	display: block;
	background-color: #fff
}

.myPlay {
	display: inline-block;
	margin-bottom: 20px
}

.myPlay .titleBig {
	color: #6d6d6d;
	margin-bottom: 15px
}

.bx-btn100 .icon-plus,
.textSignup .icon-plus {
	padding-left: 36px
}

.bx-btn100 .icon-plus:before,
.textSignup .icon-plus:before {
	opacity: 1;
	left: 20px
}

label i {
	font-size: 12px;
	color: #999
}

.boxModal .btnClose,
.msgOk .btnClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background: #fff0
}

.btnClose:before {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	background-position: -222px -28px;
	opacity: .6
}

.btnClose:hover:before {
	opacity: 1
}

.boxModal .btnClose:before,
.msgOk .btnClose:before {
	top: 11px;
	left: 11px
}

.btnSearch {
	margin: 25px 0
}

.btnSearch .btn1-cor2 {
	pointer-events: none
}

.btnSearch .btn1-cor2:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid #fff0;
	border-right: 5px solid #fff0;
	border-top: 6px solid #fff
}

.boxsuggest {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #fff;
	padding-top: 35px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2);
	display: none
}

.suggest {
	background-color: #fff;
	max-height: 400px;
	overflow: auto;
	border-top: solid 1px #eee
}

.listabox {
	padding: 5px
}

.listabox li a {
	display: block;
	line-height: 1.4em;
	padding: 7px 5px;
	color: #555;
	background-color: #fff;
	border-radius: 5px
}

.listabox li.selecionado a {
	background: #eee;
	color: #323232
}

.suggest::-webkit-scrollbar {
	background-color: #f4f4f4;
	width: 10px
}

.suggest::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px
}

.w1-4,
.w1-5 {
	float: left
}

.w1-4 {
	width: 642px
}

.w1-5 {
	width: 480px
}

.art-coverMini {
	display: inline-block;
	vertical-align: middle
}

.art-coverMini a {
	display: block;
	border: solid 1px #bcc72c;
	padding: 3px;
	border-radius: 50%;
	background-color: #fff
}

.art-coverMini img {
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 50%
}

.songArt {
	width: calc(100% - 103px);
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px
}

.songArt h1 {
	font-weight: 800;
	font-size: 36px;
	letter-spacing: -1px;
	margin-bottom: 3px
}

.songArt h2,
.artTitleStyle h2 {
	margin-top: 5px
}

.songArt h2 a,
.artTitleStyle h2 a {
	font-size: 18px;
	color: #bcc72c
}

.songArt h2 a:hover {
	color: #9fab01
}

.lyric {
	font-size: 17px;
	line-height: 1.6em
}

.barLyric {
	display: inline-block;
	width: 100%;
	padding: 15px 0 10px 0;
	border-bottom: solid 1px #eee;
	box-shadow: 0 10px 10px -10px rgb(150 150 150 / .2)
}

.barLyric li {
	float: left;
	margin-right: 10px;
	position: relative
}

.barLyric li a {
	padding-left: 33px
}

.barLyric li .btn2:before {
	left: 12px;
	opacity: .8
}

.barLyric li .btn2:hover:before {
	opacity: 1
}

.icon-translate:before {
	background-position: -218px -56px
}

.icon-printer:before {
	background-position: -236px 0
}

.icon-printer:hover:before {
	background-position: -236px -17px
}

.barLyric li:last-child {
	margin: 0
}

.boxVdo {
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .1);
	border-radius: 0 0 3px 3px
}

.vdoPlay {
	width: 480px;
	height: 270px;
	background: #000
}

.bxsongsPlaylist {
	background-color: #fff;
	border: solid 1px #eee;
	border-radius: 0 0 3px 3px
}

.topPlaylist {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 15px;
	box-shadow: 0 10px 10px -10px rgb(150 150 150 / .2)
}

.btnPlaylist {
	float: right
}

.nPlaylist {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 105px)
}

.nPlaylist:before {
	content: "";
	width: 13px;
	height: 12px;
	display: inline-block;
	background-position: -208px 0;
	margin-right: 5px
}

.songsPlaylist {
	padding: 5px;
	max-height: 230px;
	overflow: auto
}

.songsPlaylist li {
	border-top: solid 1px #eee;
	position: relative
}

.songsPlaylist li:first-child {
	border: none
}

.songsPlaylist li.playing {
	background-color: #eee
}

.songsPlaylist li a {
	display: block;
	padding: 5px
}

.songsPlaylist li img {
	position: absolute;
	top: 9px
}

.songsPlaylist .pMusic,
.songsPlaylist .pArtist {
	display: block;
	padding-left: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.4em
}

.songsPlaylist .pMusic {
	font-size: 14px;
	font-weight: 600
}

.songsPlaylist .pArtist {
	font-size: 12px;
	color: #999
}

.detAL {
	width: calc(100% - 120px);
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px
}

.coverMini {
	display: inline-block;
	vertical-align: middle;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .2)
}

.coverMini img {
	display: block;
	width: 100px;
	height: 100px
}

.detAL a .music,
.detAL a .artist {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2em
}

.detAL .record {
	display: block;
	padding-top: 15px;
	font-size: 12px
}

.detAL .music {
	font-size: 15px
}

.detAL .artist {
	font-size: 13px;
	font-weight: 400
}

.lstMalbum {
	webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	-ms-column-gap: 18px;
	column-gap: 18px
}

.lstMalbum li {
	counter-increment: contMus;
	float: left;
	width: 100%;
	position: relative;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.lstMalbum li a:before {
	content: counter(contMus, decimal);
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 22px;
	color: #bbb;
	padding-right: 5px
}

.lstMalbum li a {
	float: left;
	width: 100%;
	display: block;
	padding: 5px 0;
	line-height: 1.4em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.lstMalbum li a:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 7px;
	display: none
}

.lstMalbum li a:hover:after,
.lstMalbum .playing a:after {
	display: block
}

.lstMalbum li a:hover:before,
.lstMalbum .playing a:before {
	content: ""
}

.lstMalbum .playing {
	background-color: #eee
}

.lstMalbum .playing a {
	pointer-events: none
}

.lstTwocolumns {
	webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	-ms-column-gap: 18px;
	column-gap: 18px
}

.lstTwocolumns li,
.lst3columns li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.lstTwocolumns li a,
.top10Col2>li>a {
	width: calc(100% - 37px)
}

.lstTwocolumns>li:nth-child(5n+1) {
	border-top: solid 1px #eee
}

.lst3columns {
	webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	-ms-column-gap: 18px;
	column-gap: 18px
}

.lst3columns li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #eee
}

.lst3columns li a {
	padding: 5px 0
}

.lst3columns li:nth-child(5n+1) {
	border-top: solid 1px #eee
}

.boxPlayer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 75px;
	background-color: #2a2a2a;
	border-top: 1px solid #282828;
	box-shadow: 0 -5px 5px rgb(33 33 33 / 20%);
	padding: 10px 0;
	z-index: 9999
}

.footerPlayer {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 75px;
	align-items: center
}

.plMusArt,
.plExtra {
	display: flex;
	align-items: center;
	width: 30%
}

.plExtra {
	justify-content: flex-end;
	gap: 15px
}

.plControles {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px
}

.btnControlPl {
	display: flex;
	align-items: center;
	gap: 25px
}

.btnControlPl .iconAnterior,
.btnControlPl .iconProximo {
	display: block;
	width: 16px;
	height: 16px
}

.btnControlPl .iconAnterior {
	background-position: -236px -34px
}

.btnControlPl .iconProximo {
	background-position: -236px -51px
}

.btnControlPl .iconPlay {
	display: block;
	width: 30px;
	height: 35px;
	background-position: -109px 0
}

.btnControlPl .iconPlay.iconPause {
	background-position: 0 -79px
}

.barPlfotter {
	width: 100%;
	max-width: 415px;
	height: 15px;
	line-height: 15px;
	position: relative
}

.progress-time,
.progress-time-total {
	position: absolute;
	font-size: 12px;
	color: #999
}

.progress-time {
	left: 0
}

.progress-time-total {
	right: 0
}

.progress {
	position: absolute;
	height: 15px;
	top: 0;
	left: 45px;
	right: 45px
}

.progress:hover .btn-slider {
	display: block
}

.barra {
	width: 100%;
	height: 4px;
	background-color: #999;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	margin-top: -2px
}

.slider {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 20%;
	background-color: #bcc72c;
	border-radius: 4px
}

.btn-slider {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	right: -6px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: -2px 0 3px 0 rgb(0 0 0 / 40%);
	cursor: pointer;
	display: none
}

.coverPlfooter a {
	display: block;
	width: 60px;
	height: 60px
}

.coverPlfooter a img {
	width: 100%;
	height: auto
}

.plMA {
	margin: 0 15px;
	overflow: hidden
}

.plMA span {
	display: block;
	padding: 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.btnPlfooter {
	min-width: 42px
}

.btnPlfooter button {
	display: block;
	width: 13px;
	height: 12px;
	margin-left: 5px;
	float: left
}

.btnPlfooter .iconHeart {
	background-position: -195px -23px
}

.btnPlfooter .iconAddplay {
	background-position: -196px 0
}

.btnPlfooter .iconInfo {
	background-position: -168px -96px;
	width: 16px;
	height: 16px;
	top: -2px
}

.plPfooter {
	margin-bottom: 8px
}

.plPfooter a {
	font-size: 13px;
	color: #a2a2a2;
	position: relative;
	padding-left: 17px
}

.plPfooter a:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(https://static-kbo-site.knbcdn.com.br/kbo/imagens/SVG/sprite-kboing-new.svg);
	background-position: -209px 0
}

.plMfooter a {
	font-weight: 600;
	color: #fff
}

.plAfooter a {
	color: #a2a2a2
}

.plExtra .iconMicrofone,
.plExtra .iconAleatorio,
.plExtra .iconRepetir,
.plExtra .iconListPlayer,
.plExtra .iconListSave {
	display: block;
	width: 16px;
	height: 16px
}

.plExtra .iconMicrofone {
	background-position: -92px -79px
}

.plExtra .iconAleatorio {
	background-position: -30px -79px
}

.plExtra .iconRepetir {
	background-position: -30px -96px
}

.plExtra .iconListPlayer {
	width: 20px;
	background-position: -92px -96px
}

.plExtra .iconListSave {
	width: 20px;
	background-position: -132px -96px
}

.plExtra button,
.btnControlPl .iconAnterior,
.btnControlPl .iconProximo {
	opacity: .5
}

.plExtra button:hover,
.volPLfooter:hover button,
.btnControlPl .iconAnterior:hover,
.btnControlPl .iconProximo:hover,
.plExtra .iconListPlayer.ativo {
	opacity: 1
}

.volPLfooter {
	width: 125px;
	position: relative
}

.volPLfooter .iconVol {
	width: 21px;
	height: 16px;
	float: left
}

.iconVol.volAlto {
	background-position: -48px -96px
}

.iconVol.volMedio {
	background-position: -70px -79px
}

.iconVol.volMudo {
	background-position: -70px -96px
}

.progressVol {
	position: absolute;
	height: 16px;
	top: 0;
	left: 25px;
	right: 0
}

.barraVol {
	width: 100%;
	height: 4px;
	background-color: #999;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	margin-top: -2px
}

.sliderVol {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 60%;
	background-color: #bcc72c;
	border-radius: 4px
}

.btn-sliderVol {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	right: -6px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: -2px 0 3px 0 rgb(0 0 0 / 40%);
	cursor: pointer
}

.videoPlayer {
	width: 356px;
	position: fixed;
	right: 20px;
	bottom: 96px;
	box-shadow: 0 0 10px 0 rgb(33 33 33 / 20%);
	z-index: 10
}

.videoEmbed {
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 2
}

.videoPlaylist {
	background-color: #fff;
	max-height: 0;
	transition: max-height .2s ease-out;
	overflow: hidden
}

.playlistOn .videoPlaylist {
	max-height: 133px;
	transition: max-height .2s ease-out;
	overflow: visible
}

.vmusicasList {
	padding: 5px;
	max-height: 123px;
	overflow: auto
}

.vmusicasList::-webkit-scrollbar,
.boxPls::-webkit-scrollbar {
	width: 10px
}

.vmusicasList::-webkit-scrollbar-thumb,
.boxPls::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #939393
}

.vmusicasList::-webkit-scrollbar-track,
.boxPls::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #c9c9c9;
	background: rgb(201 201 201 / .5)
}

.pubSticky {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	margin-top: 50px;
	float: right;
	width: 100%;
	background-color: #f2f2f2
}

.boxAd {
	background-color: #f2f2f2;
	margin: 50px auto
}

.pubContent {
	min-width: 300px;
	min-height: 250px;
	position: relative;
	text-align: center
}

.pubContent:before,
.ad_pub:before {
	content: "PUBLICIDADE";
	position: absolute;
	font-size: 11px;
	color: #999;
	left: 0;
	right: 0;
	bottom: 100%;
	letter-spacing: 1px;
	line-height: 16px
}

.ad_pub {
	min-height: 90px;
	min-width: 300px;
	position: relative;
	text-align: center
}

.maisLidas {
	counter-reset: lstmusica
}

.maisLidas li {
	counter-increment: lstmusica;
	margin-bottom: 35px
}

.maisLidas li a {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	font-size: 16px;
	line-height: 1.2em
}

.maisLidas li a:before {
	content: counter(lstmusica, decimal);
	position: absolute;
	font-size: 36px;
	line-height: 1em;
	top: 50%;
	margin-top: -18px;
	left: 0;
	color: #bcc72c;
	text-align: center;
	box-sizing: border-box;
	font-weight: 800;
	-webkit-text-stroke: 1px #bcc72c;
	-webkit-text-fill-color: #fbfbfb
}

.maisLidas li a:hover:before {
	color: #9fab01;
	-webkit-text-stroke: 1px #9fab01;
	-webkit-text-fill-color: #9fab01
}

.dataBoxNews {
	float: left;
	width: 100%;
	margin-bottom: 30px
}

.lst-news a {
	margin-left: 50px
}

.lst-news em {
	display: block;
	float: left;
	background-color: #ddd
}

.lst-news img {
	width: 120px;
	height: auto
}

.diaNews {
	width: 100%;
	color: #323232;
	font-weight: 800;
	text-transform: uppercase;
	position: relative
}

.diaNews span {
	display: inline-block;
	padding: 5px;
	background: #bcc72c;
	color: #fff;
	border-radius: 3px;
	margin-left: 50px;
	font-size: 12px
}

.diaNews:after {
	content: "";
	position: absolute;
	left: 9px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-color: #bcc72c;
	border-radius: 50%
}

.diaNews:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	left: 20px;
	top: 50%;
	background-color: #bcc72c
}

.horaNews {
	position: absolute;
	top: -1px;
	bottom: -1px;
	width: 50px;
	color: #999;
	font-size: 11px;
	background-color: #fbfbfb
}

.horaNews:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	width: 1px;
	background-color: #bcc72c
}

.horaNews span {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px 0;
	background-color: #fbfbfb;
	color: #bcc72c
}

.lst-news li:last-child {
	border: none
}

.lst-news li:first-child .horaNews:before {
	top: -4px
}

.lst-news li:last-child .horaNews:before {
	bottom: 50%
}

.aviso p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 15px
}

.aviso h3 {
	font-size: 17px;
	margin-bottom: 15px;
	padding-top: 15px;
	font-weight: 800;
	text-transform: uppercase;
	color: #323232
}

.boxTitRes {
	padding: 15px 0;
	border-bottom: solid 1px #eee
}

.boxTitRes h3 {
	font-size: 17px;
	font-weight: 600;
	color: #323232;
	cursor: pointer;
	padding-left: 20px;
	position: relative
}

.boxTitRes h3:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	border-left: 6px solid #fff0;
	border-right: 6px solid #fff0;
	border-top: 6px solid #323232;
	transition: all .2s linear
}

.boxTitRes.on h3 {
	margin-bottom: 10px
}

.boxTitRes.on h3:before {
	transform: rotate(180deg)
}

.boxTitRes h3+div {
	display: none
}

.boxTitRes.on h3+div {
	display: block
}

.boxTitRes p {
	line-height: 1.4em;
	margin-top: 7px
}

.bio p {
	font-size: 17px;
	line-height: 1.6em;
	padding: 15px 0
}

.bx-imgBio {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 20px 0
}

.bx-imgBio img {
	display: block;
	max-width: 60%;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	margin: 0 auto
}

.bx-imgBio span {
	padding-top: 5px;
	display: block;
	font-size: 15px;
	color: #999;
	text-align: center;
	line-height: 1.4em
}

.detEstilo {
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 25px;
	width: 100%;
	float: left;
	font-size: 14px
}

.detEstilo>li {
	width: 33.3%;
	float: left
}

.detEstilo li ul {
	float: left;
	width: 100%
}

.detEstilo li ul li {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding: 3px 0
}

.titModal {
	display: block;
	width: 100%;
	font-weight: 800;
	text-transform: uppercase;
	color: #323232;
	font-size: 13px;
	background: #f2f2f2
}

.estSelect {
	text-align: left;
	padding: 0 10px 25px
}

.estSelect select {
	font-weight: 800;
	height: 30px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #323232;
	float: left;
	padding: 0 5px;
	margin-right: 10px
}

.estSelect select option {
	background: #f2f2f2;
	color: #555;
	height: 20px;
	padding: 5px 0
}

.ulDisc {
	list-style: disc;
	text-align: left;
	padding: 0 10px 10px
}

.ulDisc li {
	font-weight: 400;
	font-size: 15px;
	margin-left: 20px;
	line-height: 1.4em
}

.btnSelect {
	display: inline-block;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 5px;
	line-height: 30px;
	padding: 0 10px;
	letter-spacing: 1.1px;
	background-color: #232323;
	color: #fff;
	border: none;
	cursor: pointer;
	transition: all .2s linear
}

.btnSelect:hover {
	background-color: #9fab01
}

a.btnSelect:hover {
	color: #fff
}

.iconStar {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 3px
}

.starOn {
	background-position: -114px -79px
}

.starOnoff {
	background-position: -132px -79px
}

.starOff {
	background-position: -114px -96px
}

.cPosNeg {
	display: inline-block;
	margin: 0 5px;
	filter: grayscale(1);
	-webkit-filter: grayscale(100%)
}

.cPosNeg .cYes,
.cPosNeg .cNo {
	display: inline-block
}

.cPosNeg:hover,
.cOk {
	filter: grayscale(0);
	-webkit-filter: grayscale(0%)
}

.cPosNeg .cYes {
	width: 16px;
	height: 16px;
	background-position: -150px -80px
}

.cPosNeg .cNo {
	width: 15px;
	height: 14px;
	background-position: -168px -81px
}

.box-notic h1 {
	font-weight: 800;
	font-size: 40px;
	line-height: 45px;
	color: #323232
}

.box-notic a {
	font-weight: 600;
	color: #bcc72c
}

.box-notic a:hover {
	text-decoration: underline
}

.publ_altern {
	width: 300px;
	height: 250px;
	float: left;
	background-color: #d8d8d8;
	margin: 0 25px 25px 0
}

.bar_not {
	position: relative;
	margin: 40px 0
}

.compart-not {
	position: absolute;
	height: 32px;
	top: -8px;
	right: 0
}

.compart-not a {
	float: left;
	margin-left: 5px;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	position: relative;
	opacity: .5;
	transition: all .2s linear
}

.compart-not a:hover {
	opacity: 1
}

.compart-not a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	height: 21px
}

.compart-not .face-n:before {
	width: 11px;
	margin-left: -5px;
	background-position: -162px 0
}

.compart-not .twit-n:before {
	width: 21px;
	height: 18px;
	top: 7px;
	margin-left: -10px;
	background-position: -140px -22px
}

.compart-not .goog-n:before {
	width: 21px;
	margin-left: -10px;
	background-position: -140px 0
}

.box-notic span {
	display: block;
	color: #999
}

.credit-foto {
	float: right;
	font-size: 12px;
	font-style: normal !important;
	margin-bottom: 5px
}

.box-img-noticia {
	float: right;
	margin: 0 0 25px 25px
}

.box-img-noticia img {
	width: 100%;
	height: auto
}

.img_left {
	float: left;
	margin: 0 25px 25px 0
}

.box-img-noticia.img_gg {
	width: 100%;
	margin: 0 0 25px
}

.box-img-noticia .legenda {
	display: block;
	padding: 5px;
	line-height: 18px
}

.corpo_not p {
	font-size: 18px;
	line-height: 30px;
	padding: 15px 0;
	color: #555
}

.corpo_not p:first-of-type {
	padding-top: 0
}

.corpo_not ol {
	padding: 15px 0
}

.corpo_not ul,
.bio ul {
	list-style: disc;
	padding: 15px 0
}

.corpo_not ol li,
.corpo_not ul li,
.bio ul li {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	padding: 5px 0 5px 25px;
	position: relative;
	counter-increment: lstmusica
}

.corpo_not ul li,
.bio ul li {
	margin-left: 25px;
	padding-left: 0
}

.bio ul li {
	font-weight: 400;
	font-size: 17px
}

.corpo_not ol li:before {
	content: counter(lstmusica, decimal);
	position: absolute;
	font-size: 24px;
	line-height: 30px;
	top: 0;
	margin-left: -25px;
	color: #555;
	text-align: center;
	box-sizing: border-box;
	font-weight: 800
}

.video-center {
	display: flex;
	align-items: center;
	justify-content: center
}

.titulo2 h3 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 17px;
	color: #323232
}

.lst_sidebar li {
	position: relative;
	overflow: hidden
}

.lst_sidebar li a {
	display: block;
	color: #fff
}

.lst_sidebar li a .hover_sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.lst_sidebar li a:hover .hover_sidebar {
	display: block
}

.lst_img_capa {
	max-width: 1000px;
	overflow: hidden;
	margin: 20px auto
}

.lst_img_capa li {
	float: left;
	border-radius: 0;
	width: 250px;
	height: auto
}

.lst_sidebar li a {
	width: 100%;
	height: auto
}

.lst_img_capa li a img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s linear 0s
}

.lst_img_capa li a:hover img {
	transition: transform 0.3s linear 0s;
	transform: scale(1.07)
}

.lst_img_capa li .not_sd_sel .hover_sidebar {
	display: none
}

.lst_img_capa li:hover span {
	display: block
}

.galeria-img li {
	margin: .2%;
	max-width: 24.6%
}

.galeria-img li a {
	text-align: center
}

.galeria-img li a .hover_sidebar {
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/pontoopaco.png) repeat !important;
	opacity: 1
}

.galeria-img li a:hover .hover_sidebar {
	filter: alpha(opacity=100);
	opacity: 1
}

.galeria-img li a .lupa-galeria {
	position: absolute;
	top: 50%;
	margin-top: -32px;
	left: 50%;
	margin-left: -31px;
	width: 63px;
	height: 65px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/sociais1.png) 0 -242px;
	opacity: 0;
	transition: all .2s linear
}

.galeria-img li a:hover .lupa-galeria {
	opacity: 1
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden
}

#cboxWrapper {
	max-width: none
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left
}

#cboxContent {
	position: relative
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#cboxTitle {
	margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

#cboxOverlay {
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80)
}

#colorbox {
	outline: none
}

#cboxTopLeft {
	width: 21px;
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -101px 0
}

#cboxTopRight {
	width: 21px;
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -130px 0
}

#cboxBottomLeft {
	width: 21px;
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -101px -29px
}

#cboxBottomRight {
	width: 21px;
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -130px -29px
}

#cboxMiddleLeft {
	width: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) left top repeat-y
}

#cboxMiddleRight {
	width: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) right top repeat-y
}

#cboxTopCenter {
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/border.png) 0 0 repeat-x
}

#cboxBottomCenter {
	height: 21px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/border.png) 0 -29px repeat-x
}

#cboxContent {
	background: #fff;
	overflow: hidden
}

.cboxIframe {
	background: #fff
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc
}

#cboxLoadedContent {
	margin-bottom: 0
}

#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
	visibility: hidden
}

#cboxLoadingOverlay {
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/loading.gif) no-repeat center center
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: none
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef
}

#cboxPrevious {
	position: absolute;
	top: 50%;
	margin-top: -34px;
	left: 5px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -31px 0;
	width: 68px;
	height: 68px;
	text-indent: -9999px
}

#cboxPrevious:hover {
	background-position: -31px -70px
}

#cboxNext {
	position: absolute;
	top: 50%;
	margin-top: -34px;
	right: 5px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -31px -140px;
	width: 68px;
	height: 68px;
	text-indent: -9999px
}

#cboxNext:hover {
	background-position: -31px -210px
}

#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(https://static-kbo-site.knbcdn.com.br/booby/imgs/controls.png) no-repeat -100px -52px;
	width: 36px;
	height: 36px;
	text-indent: -9999px
}

#cboxClose:hover {
	background-position: -100px -90px
}

button {
	outline: none
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

[aria-label] {
	position: relative
}

[aria-label]:after {
	content: attr(aria-label);
	display: none;
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 5000;
	pointer-events: none;
	padding: 8px 10px;
	line-height: 15px;
	white-space: nowrap;
	text-decoration: none;
	text-indent: 0;
	overflow: visible;
	font-size: 13px;
	color: #fff;
	background-color: #484848;
	border-radius: 5px;
	box-shadow: 1px 2px 6px rgb(0 0 0 / .3)
}

[aria-label]:hover:after {
	display: block
}

.icon-recolhe[aria-label]:after {
	left: auto;
	right: -5px;
	bottom: calc(100% + 5px);
	transform: translateX(0)
}

.boxPls {
	width: 100%;
	max-height: 124px;
	overflow: auto;
	text-align: left;
	box-shadow: 0 -8px 10px -10px rgb(150 150 150 / .2);
	margin-bottom: 10px
}

.boxPls ul li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #eee;
	position: relative
}

.boxPls ul:first-child {
	border-bottom: solid 1px #eee
}

.boxPls ul li:hover {
	background-color: #eee;
	border-color: #fbfbfb
}

.boxPls ul li button {
	width: 100%;
	padding: 5px 0 5px 27px;
	text-align: left;
	font-size: 15px
}

.boxPls ul li button:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 7px;
	background-position: -209px 0
}

.msgOk {
	display: flex;
	align-items: center;
	min-height: 35px;
	width: 500px;
	background: #fff;
	border: 1px solid #eee;
	font-size: 13px;
	border-radius: 5px;
	margin: 150px auto 0;
	z-index: 1001;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0 0 12px rgb(0 0 0 / .3)
}

.textMsg {
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #323232;
	font-size: 13px;
	font-weight: 600;
	box-sizing: border-box;
	line-height: 1.2em;
	padding: 10px 35px
}

.minPl {
	position: absolute;
	top: 0;
	background: #2a2a2a;
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .1s linear;
	border-radius: 5px 5px 0 0
}

.videoPlayer:hover .minPl {
	overflow: visible;
	top: -25px;
	height: 25px;
	opacity: 1
}

.icon-recolhe {
	position: absolute;
	right: 5px;
	top: 0;
	width: 25px;
	height: 25px
}

.icon-recolhe:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 6px;
	width: 12px;
	height: 7px;
	background-position: -154px -96px;
	transform: rotate(180deg)
}

.videoPlayer.playlistOn .icon-recolhe:before {
	transform: rotate(0)
}

.styleable-rootcontainer {
	background-color: #fbfbfb !important;
	color: #6d6d6d !important
}

.styleable-title {
	color: #9fab01 !important
}

.styleable-visurl,
.si24 {
	color: #999 !important
}

.si25 {
	color: #999 !important;
	border-color: #999 !important
}

.si22,
.si126 {
	color: #9fab01 !important
}

.gsc-control-cse {
	border-color: #fbfbfb !important;
	background-color: #fbfbfb !important;
	font-family: 'Open Sans', arial, sans-serif !important
}

.gsc-result-info {
	color: #999 !important
}

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
	background-color: #fbfbfb !important;
	border-color: transparent !important
}

.gs-result .gs-title {
	color: #6d6d6d !important;
	text-decoration: none !important;
	height: 1.2em !important
}

.gs-result .gs-title b {
	color: #6d6d6d !important
}

.gsc-result .gs-title:hover,
.gs-spelling a:hover {
	color: #9fab01 !important
}

.gs-result a.gs-title:hover {
	text-decoration: underline !important
}

.gs-webResult .gs-snippet {
	color: #999 !important;
	font-family: 'Open Sans', arial, sans-serif !important
}

.gs-webResult div.gs-visibleUrl {
	color: #bbb !important
}

.tipopagina {
	display: inline-block;
	margin-bottom: 5px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 5px;
	border-radius: 3px;
	position: relative
}

.gsc-cursor-page {
	display: inline-block !important;
	border-radius: 3px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	background-color: #fbfbfb !important;
	color: #6d6d6d !important;
	outline: none
}

.gsc-cursor-current-page {
	background-color: #bcc72c !important;
	color: #fff !important
}

.gsc-cursor-box {
	text-align: center !important
}

.gcsc-find-more-on-google {
	color: #999 !important
}

.gcsc-find-more-on-google-magnifier {
	fill: #999 !important
}

.gs-image-box {
	display: none
}

.gs-spelling a {
	color: #bcc72c !important
}

.gs-watermark,
.gcsc-find-more-on-google {
	display: none
}

.sCenter {
	display: flex;
	align-items: center;
	justify-content: center
}

.adMobileBottom {
	display: none
}

.on-ar {
	float: left;
	margin: 17px 0 0 39px
}

.on-ar i {
	display: inline-block;
	background-color: #ed1c24;
	color: #fff;
	padding: 0 8px;
	line-height: 23px;
	font-style: normal;
	animation-name: aovivo;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	border-radius: 5px;
	text-transform: uppercase;
	position: relative;
	padding-left: 20px
}

@-webkit-keyframes aovivo {
	from {
		box-shadow: 0 0 0 0 rgb(255 28 36 / .8)
	}

	80%,
	to {
		box-shadow: 0 0 25px 10px #fff0
	}
}

.on-ar span {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	text-align: center;
	font-size: 12px;
	padding-bottom: 2px;
	letter-spacing: 1px
}

.on-ar i:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 12px;
	left: 6px;
	top: 5px;
	background: url(https://static-kbo-site.knbcdn.com.br/kbo/imagens/sprite-kboing-new.svg) no-repeat;
	background-position: -22px 0
}

.boxFm {
	padding: 0 10px 10px
}

.boxOuvirFm {
	background-color: #fbfbfb;
	border-radius: 5px;
	padding: 10px;
	width: 200px;
	margin-top: -10px;
	transition: .2s all linear
}

.boxOuvirFm img {
	transition: .2s all linear
}

.boxOuvirFm:hover {
	background-color: #eee
}

.boxOuvirFm:hover img {
	transform: translate(2px, -3px);
	-webkit-filter: drop-shadow(3px 3px 3px rgb(0 0 0 / .3));
	filter: drop-shadow(3px 3px 3px rgb(0 0 0 / .3))
}

.coverFm {
	margin-bottom: 10px
}

.boxFm .btn1-cor2 {
	background-color: #232323;
	border-color: #232323;
	transition: .2s all linear
}

.boxOuvirFm:hover .btn1-cor2 {
	background-color: #9fab01;
	border-color: #9fab01
}

.titFm {
	display: block;
	font-size: 13px;
	color: #232323;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 8px
}

.boxOuvirFm span {
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 10px
}

@media (max-width:767px) {

	.w1,
	.w1-2,
	.w1-3,
	.w1-4,
	.w1-5 {
		width: 100%;
		box-sizing: border-box
	}

	.w1-5,
	.bxContent .w1-3 {
		margin-top: 50px
	}

	.bxContent .w1-3>.w1-3 {
		margin-top: 0
	}

	.bxContent .w1-3~.w1-3 {
		margin-top: 50px
	}

	.w1-2.md-18,
	.lyric.md-18,
	.w1-4.md-18 {
		margin: 0
	}

	.modalBase {
		z-index: 9999
	}

	.header h1,
	.header h2 {
		margin-left: 10px
	}

	.header h1 a img,
	.header h2 a img {
		width: 110px;
		height: auto
	}

	.header h1 a,
	.header h2 a {
		width: 110px
	}

	.menu ul,
	.artMenu {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.menu ul li,
	.artMenu li {
		float: none;
		display: inline-block
	}

	.n-usuario {
		display: none
	}

	.buscak {
		width: 50px;
		left: auto;
		right: 0;
		margin: 0
	}

	.bx-textbuscak {
		display: none
	}

	.head-link {
		margin-right: 55px
	}

	.head-link .btn1 {
		background: #fff0;
		color: #fff;
		padding: 10px 0
	}

	.on-ar {
		margin: 17px 0 0 30px
	}

	.on-ar i {
		font-size: 12px
	}

	.bx-buscak .icon-search {
		background: #fff0
	}

	.bx-buscak .icon-search:before {
		background-position: -185px -79px;
		opacity: 1
	}

	.head-link .btn1-transparent {
		display: none
	}

	.heading,
	.lst-TitleMus {
		padding: 0 10px;
		box-sizing: border-box
	}

	.dstq .heading {
		padding: 0
	}

	.boxScroll,
	.destaques-home {
		max-width: 100%;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		position: relative
	}

	.bxTopCol2 .w2-lstcover.lst-rel,
	.w2-lstcover.lst-cover2 {
		padding: 0 10px;
		box-sizing: border-box
	}

	.bxTopCol2 .lst-rel li,
	.w2-lstcover.lst-cover2 li {
		width: calc(50% - 8px)
	}

	.bxTopCol2 .w2-lstcover.lst-rel li,
	.w2-lstcover.lst-cover2 li {
		margin: 0 15px 25px 0
	}

	.bxTopCol2 .w2-lstcover.lst-rel li:nth-child(2n),
	.w2-lstcover.lst-cover2 li:nth-child(2n) {
		margin-right: 0
	}

	.bxTopCol2 .w2-lstcover.lst-rel li:nth-child(odd),
	.w2-lstcover.lst-cover2 li:nth-child(odd) {
		margin-right: 15px
	}

	.boxDest,
	.boxScroll .w1-lstcover,
	.boxBx1,
	.boxScroll .w2-lstcover,
	.boxScroll .w3-lstcover {
		white-space: nowrap;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 0 0 10px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
		padding: 0
	}

	.boxScroll .w1-lstcover li:first-child,
	.dstq:first-child,
	.bx1:first-child,
	.boxScroll .w2-lstcover li:first-child,
	.boxScroll .w3-lstcover li:first-child {
		margin-left: 10px
	}

	.boxDest a img,
	.boxBx1 a img {
		width: 100%;
		height: auto
	}

	.dstq,
	.boxScroll .w1-lstcover li,
	.bx1,
	.boxScroll .w2-lstcover li,
	.boxScroll .w3-lstcover li {
		width: 85%;
		display: inline-block;
		white-space: normal;
		margin-right: 10px !important;
		vertical-align: text-top;
		scroll-snap-align: start;
		float: none
	}

	.dstq .am-dstq b {
		font-size: 17px
	}

	.boxScroll .w1-lstcover li,
	.boxScroll .w2-lstcover li,
	.boxScroll .w3-lstcover li {
		width: 35%
	}

	.bx1 {
		width: 75%;
		height: auto
	}

	.bx1-cnt .a-m {
		top: auto;
		bottom: 10px;
		max-width: calc(100% - 65px)
	}

	.boxScroll .w1-lstcover li:last-child,
	.boxScroll .w2-lstcover li:last-child,
	.boxScroll .w3-lstcover li:last-child,
	.w3-lstcover.lst-cover2 li:nth-child(odd),
	.w3-lstcover.lst-rel li:nth-child(3n) {
		margin-right: 10px
	}

	.dstq img {
		width: 100%;
		height: auto
	}

	.boxScroll .lst-cover2 li {
		float: none
	}

	.lst-news-capa.ImageNotCapa li {
		width: 100%;
		margin-bottom: 15px
	}

	.lst-news-capa.ImageNotCapa li:last-child {
		margin: 0
	}

	.lst-news-capa em,
	.lst-news em {
		width: 100px;
		height: 69px
	}

	.lst-news-capa em img,
	.lst-news img {
		width: 100%;
		height: auto
	}

	.lst-news-capa.ImageNotCapa p,
	.lst-news p {
		float: right;
		width: calc(100% - 110px);
		margin-top: 15px;
		position: inherit
	}

	.lst-news p {
		transform: none
	}

	.ImageNotCapa .subTitNot {
		left: 110px
	}

	.lst-news .subTitNot {
		left: 160px
	}

	.lst-news-capa.ImageNotCapa {
		margin-bottom: 0
	}

	.lst-news-capa {
		display: none
	}

	.lst-news-w100 {
		display: block;
		padding: 0 10px;
		box-sizing: border-box
	}

	.lst-news-capa.ImageNotCapa {
		display: block;
		padding: 0 10px;
		box-sizing: border-box
	}

	.link-mais,
	.link-maistop {
		position: relative;
		display: inline-block;
		margin-top: 20px;
		left: 50%;
		transform: translateX(-50%);
		top: auto
	}

	.lst3columns,
	.lstMalbum,
	.lst-3col {
		webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		column-count: 1
	}

	.lst3columns li,
	.lst-Oneline>li,
	.lst-musAll>li,
	.lst-tm li {
		padding: 0 10px;
		box-sizing: border-box
	}

	.lst3columns li:nth-child(5n+1),
	.bxTopCol2>.lst-tm>li:nth-child(5n+1),
	.top10Col2>li:nth-child(5n+1) {
		border-top: none
	}

	.lst-3col li a {
		padding: 10px
	}

	.lst-taBig li a em:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		top: 50%
	}

	.footer {
		padding-left: 10px;
		padding-right: 10px
	}

	.footer .az,
	.footer-app {
		display: none
	}

	.linkfooter .w1>div {
		width: 50%
	}

	.footer-social ul {
		display: flex;
		padding: 0 10px
	}

	.footer-social ul li {
		float: none;
		margin-right: 10px;
		flex-grow: 1
	}

	.footer ul.w1 li {
		padding: 0 10px
	}

	.art-head,
	.discHead {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 10px 10px
	}

	.artTitleStyle,
	.detAS {
		width: 100%;
		text-align: center
	}

	.artTitleStyle,
	.detAS {
		padding: 0
	}

	.artTitleStyle h1,
	.detAS h1,
	.detAS h2,
	.bxDisc .detAS h1 {
		font-size: 20px;
		margin-top: 10px
	}

	.artTitleStyle ul {
		display: inline-block;
		float: none
	}

	.art-head .bx-btn100,
	.discHead .bx-btn100 {
		display: flex;
		justify-content: center;
		margin: 10px 0 20px
	}

	.art-head .bx-btn100 a,
	.discHead .bx-btn100 a {
		float: none
	}

	.art-head .bx-btn100 a:last-child,
	.discHead .bx-btn100 a:last-child {
		margin: 0
	}

	.bx-titleSong,
	.lst-musCont>li>a {
		width: calc(100% - 48px)
	}

	.bx-titleSong a {
		padding: 20px 10px 20px 7px
	}

	.bx-titleSong .titleSong,
	.lst-Oneline>li>a {
		padding: 20px 0
	}

	.optionMore {
		height: 60px
	}

	.optionMore:before {
		display: block
	}

	.detAS .minTag1 {
		margin: 0;
		display: none
	}

	.bxDisc .detAS .minTag1 {
		display: inline-block
	}

	.detAS h1 {
		font-size: 28px
	}

	.detAS p {
		font-size: 15px;
		line-height: 1.2em
	}

	.artTitleStyle .minTag {
		margin-top: 10px
	}

	.songsAdd {
		position: inherit;
		left: auto;
		bottom: auto
	}

	.boxScroll ul::-webkit-scrollbar,
	.boxDest::-webkit-scrollbar,
	.boxBx1::-webkit-scrollbar {
		display: none
	}

	.bxTopCol2 .lst-ta li {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}

	.lst-3colw,
	.lst-3colw li {
		width: 100%
	}

	.w1-2 .lst-cover3 li {
		margin: 0 5px 15px 5px !important
	}

	.lst-cover3 {
		padding: 0 5px;
		box-sizing: border-box
	}

	.lst-cover3 li {
		width: calc(50% - 10px)
	}

	.dataBoxNews,
	.maisLidas {
		padding: 0 10px;
		box-sizing: border-box
	}

	.maisLidas li {
		margin-bottom: 25px
	}

	.bxTopCol2 .lst-tm,
	.top10Col2 {
		height: auto
	}

	.bxTopCol2>.lst-tm>li,
	.top10Col2>li {
		width: 100%
	}

	.lst-3colw li a {
		padding: 15px 10px
	}

	.video-center {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		background-color: #000
	}

	.video-center embed,
	.video-center iframe,
	.video-center object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.bx-imgBio.video-center {
		margin-bottom: 50px
	}

	.bx-imgBio.video-center span {
		position: absolute;
		top: 100%;
		line-height: 1.2em
	}

	.bio p {
		padding: 0 10px
	}

	.titleBig1 {
		padding: 25px 10px 10px
	}

	.corpo_not ul,
	.bio ul {
		padding: 15px 10px
	}

	.bx-imgBio img {
		max-width: 80%
	}

	.bx-imgBio span {
		padding: 5px 10px 0;
		line-height: 1.2em
	}

	.bxDisc .coverAS img {
		max-width: 250px;
		width: 100%;
		height: auto
	}

	.bx-btn100 .btnHeart {
		min-width: 30px
	}

	.bx-btn100 .icon-share,
	.bx-btn100 .btnHeart {
		display: none
	}

	.bx-btn100 .icon-btnplay {
		padding: 15px 30px 15px 48px;
		font-size: 14px;
		margin: 0
	}

	.bx-btn100 .icon-btnplay:before {
		left: 30px
	}

	.lyric,
	.headTitle {
		padding: 0 10px 10px
	}

	.headTitle {
		box-shadow: 0 10px 10px -10px rgb(150 150 150 / .2)
	}

	.art-coverMini img {
		width: 50px;
		height: 50px
	}

	.songArt h1 {
		font-size: 19px
	}

	.songArt h2 a,
	.artTitleStyle h2 a {
		font-size: 17px
	}

	.lstMalbum {
		border-bottom: solid 1px #eee
	}

	.lstMalbum li {
		border-top: solid 1px #eee
	}

	.lstMalbum li a {
		padding: 15px 10px;
		box-sizing: border-box
	}

	.lstMalbum li a:after {
		left: 17px
	}

	.coverMini {
		margin-left: 10px;
		float: left
	}

	.coverMini img {
		width: 60px;
		height: 60px
	}

	.detAL {
		width: calc(100% - 85px)
	}

	.aviso h3,
	.aviso p {
		padding-left: 10px;
		padding-right: 10px
	}

	.boxTitRes {
		padding: 15px 10px
	}

	.boxTitRes p {
		font-size: 16px
	}

	#bx_login_box {
		width: calc(100% - 20px);
		max-width: 500px;
		box-sizing: border-box
	}

	.btnform.faceCad,
	.btnform.googCad {
		padding: 11px 0 11px 45px;
		width: calc(50% - 60px)
	}

	.signupContent {
		padding: 0 10px;
		width: 100%
	}

	.textHalf,
	.textHalf-r {
		width: 100%
	}

	.textHalf {
		margin-bottom: 15px
	}

	#plstModal,
	.msgOk {
		width: calc(100% - 20px)
	}

	.boxPls ul li button {
		padding: 10px 0 10px 27px
	}

	.estSelect select {
		width: calc(100% - 52px)
	}

	.heartOn .noHeart {
		display: block;
		background-color: #fff
	}

	.box-notic {
		padding: 0 10px
	}

	.compart-not {
		position: inherit;
		float: right;
		top: auto;
		width: 100%;
		margin: 10px 0 20px
	}

	.box-notic h1 {
		font-size: 26px;
		line-height: 30px
	}

	.box-img-noticia {
		width: 100% !important;
		float: none;
		margin: 20px 0;
		text-align: center
	}

	.credit-foto {
		float: none
	}

	.box-img-noticia img {
		max-width: 300px
	}

	.box-img-noticia.img_gg img {
		max-width: inherit
	}

	.publ_altern {
		width: 100%;
		height: auto;
		margin: 20px 0
	}

	.buscaOn .buscak {
		position: fixed !important;
		width: 100%;
		background-color: #232323;
		margin: 0;
		top: 0;
		left: 0;
		height: 70px;
		z-index: 1003
	}

	.buscaOn .bx-buscak {
		position: relative;
		height: 45px;
		padding: 5px;
		top: 12px;
		z-index: 996;
		box-sizing: border-box
	}

	.buscaOn .bx-textbuscak {
		display: block;
		position: absolute;
		top: 7px;
		left: 5px;
		right: 50px;
		border-radius: 5px
	}

	.buscaOn .bx-textbuscak #q {
		font-size: 16px
	}

	.buscaOn .boxsuggest {
		display: block;
		width: 100% !important;
		top: 70px !important;
		left: 0 !important;
		height: auto !important;
		padding-top: 0;
		border-radius: 0;
		bottom: 0
	}

	.buscaOn .suggest {
		height: 100%;
		max-height: none
	}

	.buscaOn .listabox {
		height: auto !important
	}

	.buscaOn .listabox li a {
		padding: 12px 5px
	}

	.buscaOn .bPlayer {
		display: none
	}

	.buscaOn .bx-buscak .icon-search:before {
		background-position: -208px -79px
	}

	.btnSearch {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.btnSearch a {
		float: none !important
	}

	.modal-more {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
		width: 100vw;
		height: 100%;
		display: flex;
		background-color: rgb(0 0 0 / .7);
		backdrop-filter: blur(2px);
		justify-content: center;
		border: none;
		z-index: 10002
	}

	.more-msc {
		background-color: #fff;
		border-radius: 10px 10px 0 0;
		width: 100%;
		padding: 5px 5px 15px;
		bottom: 0;
		position: absolute;
		box-sizing: border-box
	}

	.more-msc button,
	.more-msc .btnfalse {
		font-size: 15px;
		font-weight: 600
	}

	.more-msc button {
		line-height: 45px
	}

	.more-share li {
		padding: 10px 5px
	}

	.more-msc .more-share {
		padding: 0
	}

	ol li .linktops img {
		width: 75px;
		height: 75px
	}

	.optionClose:before {
		display: block
	}

	.userLst {
		z-index: 1001
	}

	.myPlay {
		display: block;
		text-align: center
	}

	.myPlay .bx-btn100 {
		width: auto
	}

	.dataBoxNews:last-of-type {
		margin-bottom: 0
	}

	.boxPlayer,
	.footerPlayer {
		height: 55px
	}

	.barPlfotter {
		position: absolute;
		top: 0;
		left: 0;
		max-width: 100%
	}

	.progress {
		top: -1px;
		left: 0;
		right: 0;
		height: 4px
	}

	.plMA {
		margin-right: 0
	}

	.plMA span {
		font-size: 13px;
		padding: 4px 0
	}

	.coverPlfooter a {
		width: 40px;
		height: 40px
	}

	.barra,
	.slider {
		border-radius: 0
	}

	.progress-time,
	.progress-time-total,
	.btn-slider,
	.plExtra .iconMicrofone,
	.plExtra .iconAleatorio,
	.plExtra .iconRepetir,
	.plExtra .volPLfooter,
	.plExtra .iconListSave,
	.btnControlPl .iconAnterior,
	.plMusArt .plPfooter {
		display: none
	}

	.plExtra button,
	.btnControlPl .iconAnterior,
	.btnControlPl .iconProximo {
		opacity: 1
	}

	.plExtra .iconListPlayer {
		width: 35px;
		height: 35px;
		background-image: none
	}

	.plExtra .iconListPlayer:before {
		content: "";
		position: absolute;
		width: 12px;
		height: 7px;
		top: 14px;
		left: 12px;
		background: url(https://static-kbo-site.knbcdn.com.br/kbo/imagens/sprite-kboing-new.svg) no-repeat;
		background-position: -154px -96px;
		transform: none
	}

	.plExtra .iconListPlayer.ativo:before {
		transform: rotate(180deg)
	}

	.plMusArt {
		width: 100%;
		padding-right: 145px;
		box-sizing: border-box;
		padding-left: 10px
	}

	.btnControlPl {
		position: absolute;
		right: 60px;
		top: 20px
	}

	.plControles,
	.plExtra {
		width: auto
	}

	.plExtra {
		position: absolute;
		right: 10px
	}

	.playermobile {
		top: 0;
		bottom: 0;
		height: auto;
		position: absolute
	}

	.playermobile .btnControlPl .iconAnterior,
	.playermobile .plMusArt .plPfooter,
	.playermobile .progress-time,
	.playermobile .progress-time-total {
		display: block
	}

	.playermobile .plMusArt {
		padding: 0;
		flex-direction: column;
		flex: 1;
		justify-content: center
	}

	.playermobile .footerPlayer {
		flex-direction: column;
		height: 100%;
		flex-wrap: nowrap
	}

	.playermobile .btnControlPl {
		position: inherit
	}

	.playermobile .plControles {
		width: 100%;
		margin: 30px 0
	}

	.noScroll,
	.buscaOn {
		height: 100vw;
		overflow: hidden
	}

	[aria-label]:after {
		content: none
	}

	.playermobile .coverPlfooter {
		display: flex;
		flex: 1;
		align-items: center
	}

	.playermobile .coverPlfooter a {
		width: 100%;
		height: auto
	}

	.playermobile .coverPlfooter a img {
		max-width: 250px;
		height: auto;
		width: 100%
	}

	.playermobile .plMA {
		text-align: center;
		margin: 20px 0;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box
	}

	.playermobile .plMfooter {
		font-size: 22px
	}

	.playermobile .plAfooter {
		font-size: 16px
	}

	.playermobile .btnControlPl {
		gap: 45px;
		order: 2
	}

	.playermobile .barPlfotter {
		position: relative;
		margin-bottom: 20px
	}

	.playermobile .progress {
		left: 15px;
		right: 15px
	}

	.playermobile .progress-time {
		left: 15px;
		top: 10px
	}

	.playermobile .progress-time-total {
		right: 15px;
		top: 10px
	}

	.playermobile .plExtra {
		position: absolute;
		width: 100%;
		bottom: 0
	}

	.playermobile .plExtra .iconListPlayer {
		position: absolute;
		left: 20px;
		top: -100vh;
		top: calc(-100dvh + 15px)
	}

	.playermobile .plExtra .iconListSave {
		display: block;
		position: absolute;
		bottom: 47px;
		right: 20px
	}

	.videoEmbed {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		background-color: #000
	}

	.videoEmbed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.videoPlayer {
		top: 100%;
		position: absolute;
		width: 100%;
		right: auto;
		bottom: auto;
		display: flex;
		flex-direction: column
	}

	.playlistOn .vmusicasList {
		display: none;
		max-height: 0
	}

	.videoPlayer .videoPlaylist,
	.vmusicasList {
		max-height: none
	}

	.videoPlayer .videoPlaylist {
		order: -1
	}

	.playlistOn {
		position: absolute;
		top: 130px;
		width: 100%;
		right: auto;
		bottom: auto;
		padding: 0 10px;
		box-sizing: border-box;
		box-shadow: none
	}

	.noScroll .bPlayer {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100vw;
		height: 100%;
		overflow: auto;
		z-index: 1001
	}

	.boxAd {
		margin: 50px auto !important
	}

	.ad_pub {
		min-height: 125px;
		min-width: inherit
	}

	.pubContent {
		min-width: inherit
	}

	.pubSticky {
		position: relative;
		top: inherit
	}

	.btnPlfooter,
	.sel-link,
	.lst-TitleMus .check,
	.lst-musCont .check,
	.lst-musAll .check,
	.breadcrumb,
	.lst-tm .check,
	.barLyric,
	.detAL .record,
	.minPl {
		display: none
	}

	.adMobileBottom {
		position: fixed;
		bottom: 0;
		width: 100%;
		min-height: 50px;
		padding: 10px 0;
		background-color: #fff;
		text-align: center;
		z-index: 9999;
		box-shadow: 0 -5px 30px rgb(33 33 33 / 20%);
		display: block
	}

	.adMobileBottom.playerOn {
		bottom: 76px
	}

	.ad-close {
		position: absolute;
		top: -25px;
		right: 0;
		border-radius: 5px 5px 0 0;
		width: 25px;
		height: 25px;
		background: #fff
	}

	.ad-close:before {
		content: "";
		position: absolute;
		width: 13px;
		height: 13px;
		top: 6px;
		left: 6px;
		background-position: -222px -28px
	}

	.boxOuvirFm {
		width: 100%;
		max-width: calc(50% - 25px)
	}

	#modalFM {
		width: calc(100% - 20px);
		box-sizing: border-box
	}

	.boxOuvirFm img {
		width: 100%;
		height: auto
	}
}