@charset "utf-8";




/*=============== PADRÃO STYLE SITE ===============*/




.verificado {
            fill: #0c67d3;
            width: 13px;
            height: 13px;background: #fff;border-radius: 50%;
        }
.verificado-feed {
            fill: #0c67d3;
            width: 16px;
            height: 16px;background: #fff;border-radius: 50%;top: 2px;position: relative;
        }


.verificado-artista {fill: #0c67d3;width: 20px;height: 20px;background: #fff;border-radius: 50%;margin-left: 4px;}

.padrao {
    margin: 0 auto;
    padding: 0 12px;
    width: 1200px;
}

.padrao-banner{
    margin: 0 auto;
    padding: 0 12px;
    width: 1200px;
}

.padrao-artista-cds {
    margin: 0 auto;
    padding: 0 12px;
    width: 1200px;
    background-color: #fff;
    border: 1px solid #d8e2e8;
   border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.menu-artista {
    box-shadow: 0 2px 6px -4px rgb(25 25 34 / 16%);
    display: flex;
    height: 46px;
    position: relative;
    margin: 0 auto;
    padding: 0 12px;
    width: 1200px;
    text-align-last: center;
    border: 1px solid #e1e8ed;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    border-top-width: 0;}
.menu-artista h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #2EB2FF;
    height: 46px;
    display: block;
    width: 100%;}
.menu-artista strong {padding: 9px 4px 13px;font-size: 16px;color: #52525d;height: 46px;cursor: pointer;text-transform: uppercase;
    font-weight: 700;margin: 0;    font: 13px/1 Open Sans,sans-serif;     transition: all 0.3s ease;}
.menu-artista strong.attivo {background: #fff; font-weight:900;height: 46px;color: #1084c6;border: 0;border-bottom: 3.9px solid #0084b4;}
.menu-artista strong:hover {border-bottom: 3.9px solid #0084b4 !important;color: #1084c6;border: 0;}
.menu-artista:hover strong.attivo {border-bottom: 3.9px solid #0084b4 !important;color: #1084c6;border: 0;}


.subtitulo {align-items: center;
    display: flex;
    justify-content: space-evenly;
    min-height: 72px;
    position: relative;
    text-transform: uppercase;}
    
.subtitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
.subtitulo h2 {width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #2EB2FF;
    font-family: Roboto, sans-serif;}
.subtitulo b { float: left; margin: 0 20px 0 0; font-size: 24px; font-weight: 700;}
.subtitulo span { float: left;
    padding: 1px 3px;
    margin: 10px 0 0;
    line-height: 1;
    font-size: 14px;
    color: #000000;
    display: inline;
    cursor: pointer;
    font-weight: normal;}
.subtitulo strong { float: left;
    padding: 1px 3px;
    margin: 10px 0 0;
    line-height: 1;
    font-size: 14px;
    color: #000000;
    display: inline;
    cursor: pointer;
    font-weight: normal;
    font-family: Roboto, sans-serif;    transition: all 0.3s ease;}
    
.subtitulo strong.ativo {color: #488dfc !important;
    margin: 9px 0 0;
    font-size: 15px;
    font-weight: 900;}

.subtitulo strong.ativoo { color: #ff0000 !important;
    margin: 9px 0 0;
    font-size: 15px;
    font-weight: 900;}
    
.subtitulo .ativo:hover {color: #488dfc !important;}
.subtitulo .ativoo:hover {color: #ff0000 !important;}

.subtitulo:hover strong.ativo { color:  #488dfc !important;}
.subtitulo:hover strong.ativoo { color: #ff0000 !important;}

.subtitulo em { float: left; width: 100%; height: 2px; background-color: #795548;}


.maisbaixadas { float: left; width: 100%; padding: 0 0 20px;}

.layoupadrao { background-color: #fff;
border-radius: 4px;
display: grid;
grid-template-columns: repeat(6,auto);
height: 280px;
justify-content: space-between;
margin: 0;}
.layoupadrao-artista { background-color: #fff;
border-radius: 4px;
display: grid;
grid-template-columns: repeat(6,auto);
height: 242px;
justify-content: space-between;
margin: 0;}
#cds.dia { display: none;}
#cds.semana { display: none;}
#cds.geral { display: none;}


#cdss.diaa { display: none;}
#cdss.semanaa { display: none;}
#cdss.gerall { display: none;}

#cdss.playlArt { display: none;}

/*=============== LAYOUT ARTISTA ===============*/

.padrao-layout-artista{
    display: grid;
    grid-gap: 16px;
    gap: 16px;
    grid-template-columns: 2fr 1fr;
}

.sidebar-artista {
    margin-left: 20px;
    margin-top: 40px;
    padding-right: 20px;
}

#cdssART {margin-left: 20px;
    margin-top: 40px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    }
#cdssART.videos { display: none;}
#cdssART.playlist { display: none;}


/*=============== OUVIDOS ===============*/
.principal {
    background-color: #f7f8fa;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    display: flex;
    justify-content: center;
    padding: 48px 0;
}
.principal .padrao {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

#ouvidos .subtitulo strong:hover{color:#488dfc;}

#ouvidos {
    background-color: #fff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
    display: inline-grid;
}
#ouvidos .panels-container .panel { float: left; width: 92%; margin: 0px 0% -300px; border-radius: 5px;
    box-shadow: 0 0 10px 2px rgb(0 57 112 / 40%);}
#ouvidos .tab{    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
    #ouvidos .tab>a {width:100%;}
#ouvidos .tab.t100  { width: 100%; margin: 0;}  
#ouvidos .tab .imagem {width: 180px;
    height: 180px;
    position: relative;
    display: flex;
    flex-direction: column-reverse;}


#ouvidos .tab .imagem .nun { position: absolute; width: 23px; left: 0; bottom: 0; z-index: 1; padding: 2px 0; background-color: #488dfc; border: 3px solid #FFFFFF; text-align: center; font-weight: bold; font-size: 0.9em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;border-bottom-left-radius: 5px;}
#ouvidos .tab .imagem .img {    float: left;
    width: 100%;
    height: 180px;
    border-radius: 8px;}

#ouvidos .tab .descricao{ display: flex;
    flex-direction: column;
    justify-content: space-between;margin: 6px 5% 0;}
#ouvidos .descricao h3 b{
-webkit-box-orient: vertical;
        color: #148bff;
    font-size: 15px;
    width: 100%;
    display: -webkit-box;
    font-weight: 700;
    -webkit-line-clamp: 2;
    margin-bottom: 8px;
    max-width: 152px;
    min-height: 32px;
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
#ouvidos .descricao h3 b:hover {
    color: #0268b4;
}
#ouvidos .tab .descricao .nomecantor{    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 8px;}

#ouvidos .tab .descricao .nomecantor span {

        font-size: .9rem;
    font-weight: 700;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto, sans-serif;
        color: #003970;
}

#ouvidos .tab .descricao .estatistica {
    align-items: center!important;
    color: #4a4a4a;
    display: flex!important;
    gap: 4px;
    justify-content: center;
    text-transform: uppercase;
    font-family: Open Sans,sans-serif!important;
}
#ouvidos .tab .descricao .estatistica .prima-esta {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ouvidos .tab .descricao .estatistica .total-esta {
    color: #979595;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ouvidos .descricao h4 { float: left; width: 100%; margin: 6px 0 6px; text-align: center; font-size: 0.90em; color: #565656;}
#ouvidos .descricao h4 b{color: #72757c;font-weight: 100;}
#ouvidos .subtitulo b{font-size: 24px;font-weight: 700;color: #488dfc;font-family: Roboto, sans-serif;}
#ouvidos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#ouvidos .linha3 { float: left; width: 100%; height: 1px; display: none;}
#ouvidos .linha6 { float: left; width: 100%; height: 1px;}


/*=============== LANÇAMENTOS ===============*/

#carrosel {
   border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(6,auto);
    justify-content: space-between;
    margin: 0;background-color: #fff;}

#carrosel .owl-carousel.owl-loaded {     display: grid;
    grid-template-columns: repeat(6,auto);
    justify-content: space-between;
    margin: 0;}
#carrosel .owl-carousel.owl-loading { opacity: 0; display: block;}
#carrosel .no-js .owl-carousel { display: block;}
#carrosel .owl-stage-outer { position: relative; overflow: hidden;}
#carrosel .owl-stage-outer .owl-item { float: left;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
#carrosel .owl-nav {position: relative; top: -62px; right: 0;}
#carrosel .owl-nav button {display:block; position: absolute; top: 0; padding: 10px 5px 14px 5px;color: #fe4a03;
border: solid 1px #ccc; background-color: #18161F;background: #fff; font-size: 2em; line-height: 0;cursor: pointer; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#carrosel .owl-nav button.owl-prev { right: 25px;}
#carrosel .owl-nav button.owl-next { right: 0;}
#carrosel .owl-nav button:hover { color: #ec6028;
    background-color: rgba(0, 0, 0, 0.04);}
#carrosel .owl-nav button.disabled { background-color: #CCCCCC; color: #AAAAAA; cursor: auto}
#carrosel .owl-nav button.disabled:hover { background-color: #CCCCCC;}
#carrosel .owl-dots { display: none;}
#carrosel .controle { display: block; position: absolute; top: -44px; right: 50px; z-index: 5;}
#carrosel .controle .botao { float: left; padding: 4px 8px 3px; background-color: #18161F; font-weight: bold; font-size: 0.7em; color: #2EB2FF; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#carrosel .controle .botao:hover { color: #FFFFFF;}
#carrosel .controle .botao.esse { display: none;}






#lancamentos {background-color:#fff;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
        display: inline-grid;border: 1px solid #d8e2e8;}
    
#lancamentos .tab>a {
    width: 100%;
}
#lancamentos .tab {align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #fff;border-radius: 4px;background: #fff;}
#lancamentos .tab .imagem { float: left; width: 100%; height: 182px; position: relative; background-color: #FFFFFF;border-radius: 15px;}
#lancamentos .tab .imgList{
    width: 100%;
    height: 182px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    }
#lancamentos .tab .imagem .img { float: left; width: 96%;height:188px; padding: 2%;border-radius: 15px;}


#lancamentos .tab .imagem .nun {
    position: absolute;
    width: 23px;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 2px 0;
    background-color: #fe4a03;
    border: 3px solid #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFFFFF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border-bottom-left-radius: 5px;
}


#lancamentos .tab .descricao {display: flex;flex-direction: column;justify-content: space-between;margin: 5px 5% 0;}
#lancamentos .tab .descricao h3 {     overflow: hidden;
    text-overflow: ellipsis;}
#lancamentos .descricao h3 b {-webkit-box-orient: vertical;    color: #fe4a03;font-size: .875rem;width: 100%;
display: -webkit-box;font-weight: 600;
-webkit-line-clamp: 2;margin-bottom: 0px;max-width: 152px;min-height: 34px;line-height: 1.2;overflow: hidden;text-align: center;text-overflow: ellipsis}

#lancamentos .tab .descricao h4 {display:none;}
#lancamentos .tab .descricao .nomecantor {align-items: center;display: flex;justify-content: center;margin-bottom: 0px;}

#lancamentos .tab .descricao .nomecantor span{font-size: .9rem;font-weight: 600;color: #003970;margin-right: 0.25rem;max-width: 140px;overflow: hidden;/* color: #16283a; */text-overflow: ellipsis;white-space: nowrap;}
#lancamentos .tab .descricao .veri {width: 14px;height: 14px;margin: 0;margin-bottom: 0px;}
#titulo-lancamento{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    min-height: 72px;
    position: relative;
    text-transform: uppercase;
}
#titulo-lancamento h2{
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #fe4a03;
    font-family: Roboto, sans-serif;
}
#lancamentos #titulo-lancamento c {
    float: right;
    margin: 10px 60px 0 0;
}
#lancamentos #titulo-lancamento h2 c a {
    float: right;
    width: 100%;
    text-transform: uppercase;
    color:#fe4a03;
    margin: 0;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 16px;
}
#lancamentos #titulo-lancamento em {
    float: left;
    width: 100%;
    height: 2px;
    background-color: #fe4a03;
}

#lancamentos .tab .descricao .nomeart {height: 40px;}
#lancamentos .tab .descricao .noart {color: #0078d1;}
#lancamentos .tab .descricao .nomeart {color: #0078d1;}
#lancamentos .tab .descricao .noplay {color: #0aa200}
#lancamentos .tab .descricao .nomeplay {color: #0aa200; height: 40px;}
#lancamentos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#lancamentos .linha3 { float: left; width: 100%; height: 1px; display: none;}
#lancamentos .linha6 { float: left; width: 100%; height: 1px;}


/*=============== BAIXADOS ===============*/

#baixados .subtitulo strong:hover{color:#ff0000;}

#baixados { background-color: #fff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
    display: inline-grid;}
#baixados .tab{    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
    #baixados .tab>a{width:100%;}
#baixados .tab.t100 { width: 100%; margin: 0;}
#baixados .tab .imagem {     width: 180px;
    height: 180px;
    position: relative;
    display: flex;
    flex-direction: column-reverse;}
#baixados .tab .imagem .img {float: left;
    width: 100%;
    height: 180px;
    border-radius: 8px;}

#baixados .subtitulo b{float: left;margin: 0 20px 0 0;font-size: 24px;font-weight: 700;color: #ff0000;font-family: Roboto, sans-serif;}

#baixados .tab .imagem .nun { position: absolute; width: 23px; left: 0; bottom: 0; z-index: 1; padding: 2px 0; background-color: #ff0000; border: 3px solid #FFFFFF; text-align: center; font-weight: bold; font-size: 0.9em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;border-bottom-left-radius: 5px;}

#baixados .tab .descricao{ display: flex;
    flex-direction: column;
    justify-content: space-between;margin: 6px 5% 0;}
#baixados .descricao h3 b{-webkit-box-orient: vertical;color: #148bff;font-size: 15px;width: 100%;display: -webkit-box;font-weight: 700;-webkit-line-clamp: 2;margin-bottom: 8px;max-width: 152px;min-height: 32px;line-height: 1.2;overflow: hidden;text-align: center;text-overflow: ellipsis;}
#baixados .descricao h3 b:hover {
    color: #0268b4;
}
#baixados .tab .descricao .nomecantor{    align-items: center;display: flex;justify-content: center;margin-bottom: 8px;}

#baixados .tab .descricao .nomecantor span {
        color: #003970;
        font-size: .9rem;
    font-weight: 700;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Open Sans,sans-serif!important;
    
}
   
#baixados .tab .descricao .estatistica {
    align-items: center!important;
    color: #4a4a4a;
    display: flex!important;
    gap: 4px;
    justify-content: center;
    text-transform: uppercase;
    font-family: Open Sans,sans-serif!important;
}
  
#baixados .tab .descricao .estatistica .prima-esta{
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
   
#baixados .tab .descricao .estatistica .total-esta{
    color: #979595;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}   
   
#baixados .descricao h4 { float: left; width: 100%; margin: 6px 0 6px; text-align: center; font-size: 0.90em; color: #565656;}
#baixados .descricao h4 b{color: #72757c;font-weight: 100;}


#baixados .linha2 { float: left; width: 100%; height: 1px; display: none;}
#baixados .linha3 { float: left; width: 100%; height: 1px; display: none;}
#baixados .linha6 { float: left; width: 100%; height: 1px;}


/*=============== PLAYLIST ===============*/

#playlist-artista { float: left; width: 92%; margin: 40px 4% 20px; background:#f9f9f9;}
#playlist { background-color: #fff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
    display: inline-grid;}
    #titulo-playlist{align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    min-height: 52px;
    position: relative;
    text-transform: uppercase;}
    #titulo-playlist h2 {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #2EB2FF;
    font-family: Roboto, sans-serif;
}
#playlist #titulo-playlist em{
    float: left;
    width: 100%;
    height: 2px;
    background-color: #795548;
}
#carrosel-playlist {background-color: #fff;
    border-radius: 4px;
    display: grid;
        grid-template-columns: repeat(6, 0fr);
    height: 240px;
    justify-content: space-between;
    margin: 0;}
#playlist .tab {align-items: center;
    display: flex;
    flex-direction: column;border-radius: 8px;}
#playlist .t100 { border:1px solid;}
#playlist .tab>a {width: 100%;}
#playlist .tab .imagem {     
    width: 180px;
    height: 180px;position: relative;
    display: flex;
    flex-direction: column-reverse;}
#playlist .tab .imagem .imgList{     float: left;
    width: 100%;
    height: 180px;
        border-radius: 8px;
}    
    
    
#playlist .tab .imagem .img{ float: left; width: 100%; height: 182.88px;}

#playlist .tab .imagem .imgplay { float: left; width: 100%; height:157px;}
#playlist .tab .descricao {
    width: calc(85% - -4px);
    display: flex;
    flex-flow: column;
    padding: 0 6px 4px;
    margin: 6px 0 0;
        border-radius: 0 0 8px 8px;
}
#playlist .tab .descricao h3 {     overflow: hidden;
    text-overflow: ellipsis;}
#playlist .descricao h3 b {-webkit-box-orient: vertical;
    color: #148bff;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 32px;
    margin-bottom: 0px;
    line-height: 1.2;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 700;}
#playlist .tab .descricao h4 {float: left;width: 100%;margin: 0px;text-align: left;font-size: 0.80em;color: #565656;}
#playlist .tab .descricao h4 b {    color: #6f6d71;
    font-weight: 400;}
#playlist .tab .descricao .nomecantor {align-items: center;display: flex;justify-content: center;margin-bottom: 0px;}
#playlist .tab .descricao .nomecantor span{font-size: .9rem;font-weight: 600;color: #003970;margin-right: 0.25rem;max-width: 140px;overflow: hidden;/* color: #16283a; */text-overflow: ellipsis;white-space: nowrap;}
#playlist .tab .descricao .veri {width: 14px;height: 14px;margin: 0;margin-bottom: 0px;}
#playlist .tab .descricao .nomeart {height: 40px;}
#playlist .tab .descricao .noart {color: #0078d1;}
#playlist .tab .descricao .nomeart {color: #0078d1;}
#playlist .tab .descricao .noplay {color: #0aa200}
#playlist .tab .descricao .nomeplay {color: #0aa200; height: 40px;}

  
/*=============== LANCAMENTOS FEED CDS ===============*/

#feed-lancamento {display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    /* float: left; */
    width: 90%;
    margin: 40px 0% 20px;
    background-color: #fff;
    padding: 30px 5%;}
#lado-post {
    width: 47%;
    position: relative;
    background-color: #f7f8fa;
    padding: 0 40px;
}    
.feed-principal {width: 510px;/* height: 623px; */background: #ccc;border: 1px solid #dbdbdb;border-radius: 8px;background: #fff;margin: 20px 1% 0;color: rgba(0, 0, 0, 0.87);transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;background-color: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.2)!important;margin-bottom: 16px;}
.barra-foto {display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;max-width: calc(100% - 20px);padding: 4px 12px 4px 16px;border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgb(239, 239, 239);}
.img-feed {width: 45px;height: 45px;border-radius: 25px;}
.nome-feed {margin-left: 14px;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;margin-left: 12px;overflow: hidden;flex-direction: column;}
.nome-feed h5 {font-size: 12px;}
.style-album-feed{    line-height: 1.4;
    color: #0078d1;
    font-size: .9rem;
    font-weight: 600;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto, sans-serif;}
    .style-album-feed .playlist{
        color: #00880c;
        border-bottom: dashed;
    }

    .style-album-feed .cd{
    }

    .style-album-feed .single{
    }

.ar-feed h3 span{font-size: 15px;line-height: 1.4;font-weight: 600;color: #003970;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: Roboto, sans-serif;margin-right: 0.25rem;}
.artis-feed-veri{width: 12px;height: 12px;margin: 0;margin-bottom: 0px;}
.mais-opcoes {
    float: left;
    position: relative;
    z-index: 5;
}

.mais-opcoes .link{
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 8px;
}


.mais-opcoes .link.fecha-opcoes {
    color: #000000;
    display: none;
}

.mais-opcoes .opcoes-sobre{
        position: absolute;
    width: 200px;
    top: 0;
    right: -4px;
    z-index: 1;
    padding: 28px 0 0;
    display: none;
}

.mais-opcoes .opcoes-sobre a {
    float: left;
    width: 90%;
    padding: 12px 5% 10px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #1D3746;
    font-size: 0.9em;
    color: #000000;
}

.mais-opcoes .opcoes-sobre .um{border-top-left-radius: 4px;
    border-top-right-radius: 4px;}


/*=============== LANCAMENTOS FEED BLOG ===============*/
.feed-principal-blog{width: 510px;/* height: 623px; */background: #ccc;border: 1px solid #dbdbdb;border-radius: 8px;background: #fff;margin: 20px 1% 0;color: rgba(0, 0, 0, 0.87);transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;background-color: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.2)!important;margin-bottom: 16px;}
.barra-foto-feed-blog {
    width: 510px;
    height: 340px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
.barra-foto-feed-blog .img-feed-blog{
    width: 510px;
    height: 340px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
 
.descricao-feed-blog{
    padding: 12px 16px;
}

.descricao-feed-blog h3{font: 18px/1 Open Sans,sans-serif;
    font-weight: 900;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: auto;
    max-height: 37px;
    overflow: hidden;}

.descricao-feed-blog h5{font: 13px/1 Open Sans,sans-serif;    margin: 8px 0 0;}

.foto-grande img {width: 100%;height: 460px;background-color: #fff;margin-top: 0;}
.barra-descricao {display: flex;background: #fff;width: 100%;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.descricao-cd {width: 100%;padding-top: 6px;padding-left: 15px;}
.barra-descricao h3{overflow: hidden;text-overflow: ellipsis;}
.tituCD b {margin: 0 10px;line-height: 1.1;color: #148bff;-webkit-box-orient: vertical;display: -webkit-box;font-size: 18px;font-weight: 600;height: auto;-webkit-line-clamp: 3;margin-bottom: 12px;max-height: 4rem;overflow: hidden;}
.descricao-cd .downloads, .plays{display: inline-block;}
.descricao-cd .plays{margin-right: 16px;}
.descricao-cd .downloads p, .plays p{text-align: center;border-right: 0 solid #ccc;max-width: 45px;font-weight: 700;padding: 5px;border: 1px solid #d4d4d4;border-bottom: 1px solid #bcbcbc;float: left;padding: 6px 7px;font-size: 13px;border-radius: 3px 0 0 3px;border-right: 0;color: #333841;margin:0;}
.descricao-cd .downloads span, .plays span{color: #707070;border: 1px solid #d9d9d9;float: right;padding: 6px 8px;font-size: 13px;border-radius: 0 3px 3px 0;}

#lado-artistas {
    position: relative;
    background-color: #f7f8fa;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    flex: 0 0 auto;
    width: 33.33333333%;
}

#artistas-lancamentos {
    border-radius: 6px;
    border: solid 1px #d8e2e8;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 0;
    overflow: hidden;
    padding: 16px;
}

#artistas-lancamentos #titulo{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    min-height: 40px;
    position: relative;
    text-transform: uppercase;
}

#artistas-lancamentos #titulo h2 {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #2EB2FF;
    font-family: Roboto, sans-serif;
}

#artistas-lancamentos #titulo em {
    float: left;
    width: 100%;
    height: 2px;
    background-color: #795548;
}

/*=============== PLAYLIST GERAL ===============*/

.padrao-playlist-geral {
    margin: 0 auto;
    padding: 0 12px;
    width: 1200px;
}

#titulo-playlis-geral{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    min-height: 52px;
    position: relative;
    text-transform: uppercase;
        text-align-last: center;
}
#titulo-playlis-geral h1 {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    font-family: Roboto, sans-serif;
}

#playlist-geral {
        background-color: #fff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
    display: grid;
}

.layout-playlist-geral{
background-color: #fff;
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(4,auto);
    justify-content: space-between;
    margin: 0;
}

#playlist-geral .tab {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
        width: 285px;
}

#playlist-geral .t100 { border:1px solid;}

#playlist-geral .tab .imagem {     width: 285px;
    height: 180px;position: relative;
    display: flex;
    flex-direction: column-reverse;}
#playlist-geral .tab .imagem .imgList{     float: left;
    width: 100%;
    height: 180px;
        border-radius: 8px;
}    
    
#playlist-geral .tab .descricao {
    display: flex;
    position: relative;
    flex-flow: column;
    padding: 0 6px 4px;
        border-radius: 0 0 8px 8px;
}
#playlist-geral .tab .descricao h3 {     overflow: hidden;
    text-overflow: ellipsis;}
#playlist-geral .descricao h3 b {-webkit-box-orient: vertical;
    color: #000;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-bottom: 0px;
    min-height: 18px;
    line-height: 1.2;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 700;}
#playlist-geral .tab .descricao h4 {width: 100%;margin: 0px;text-align: center;font-size: 0.80em;color: #565656;}
#playlist-geral .tab .descricao h4 b {color: #565656;font-weight: 300;}
#playlist-geral .tab .descricao .nomecantor {align-items: center;display: flex;justify-content: center;margin-bottom: 0px;}
#playlist-geral .tab .descricao .nomecantor span{font-size: .9rem;font-weight: 600;color: #003970;margin-right: 0.25rem;max-width: 140px;overflow: hidden;/* color: #16283a; */text-overflow: ellipsis;white-space: nowrap;}
#playlist-geral .tab .descricao .veri {width: 14px;height: 14px;margin: 0;margin-bottom: 0px;}




/*=============== BUSCA DE CD ===============*/
#busca-geral{background-color: #fff;
    border: 1px solid #d8e2e8;
    display: grid;
}

.tab-cd-busca {width: 162px;margin: 0px 4px;background: rgb(71, 46, 72);background-color: #fff;border: 1px solid #eaeaea;border-radius: 6px;display: grid;margin-bottom: 10px;}
.tab-cd-busca>a{width:100%;}
.tab-cd-busca .imagem { float: left; width: 100%; position: relative;}
.tab-cd-busca .imagem .obs { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%;}
.tab-cd-busca .imagem .img-cd-busca{ float: left; width: 100%; height: 162px;    border-radius: 6px 6px 0 0;} 
.tab-cd-busca .descricao-cd-busca {    float:left;display: flex;flex-direction: column;justify-content: space-between;margin: 5px 5% 0;}
.tab-cd-busca .descricao-cd-busca .nome-cd-busca b{-webkit-box-orient: vertical;color: #148bff;font-size: .875rem;width: 100%;display: -webkit-box;font-weight: 600;-webkit-line-clamp: 2;margin-bottom: 0px;max-width: 152px;min-height: 20px;line-height: 1.2;overflow: hidden;text-align: center;text-overflow: ellipsis;}
.tab-cd-busca .descricao-cd-busca .nome-artista-busca{align-items: center;display: flex;justify-content: center;margin-bottom: 0px;}
.tab-cd-busca .descricao-cd-busca .nome-artista-busca span{font-size: .9rem;font-weight: 600;color: #003970;margin-right: 0.25rem;max-width: 140px;overflow: hidden;/* color: #16283a; */text-overflow: ellipsis;white-space: nowrap;}
.tab-cd-busca .descricao-cd-busca .veri {width: 12px;height: 12px;margin: 0;padding-left: 7px;margin-bottom: -1px;}



/*=============== BUSCA DE PLAYLIST CD ===============*/


.tabPlaylistBusc {width: 162px;margin: 0px 4px;background: rgb(71, 46, 72);background-color: #fff;border: 1px solid #eaeaea;border-radius: 6px;display: grid;margin-bottom: 10px;}
.tabPlaylistBusc>a{width:100%;}
.tabPlaylistBusc .imagem { float: left; width: 100%; position: relative;}
.tabPlaylistBusc .imagem .imgplay{ float: left; width: 100%; height: 162px;border-radius: 6px 6px 0 0;} 
.tabPlaylistBusc .descricao {    float:left;display: flex;flex-direction: column;justify-content: space-between;margin: 5px 5% 0;}
.tabPlaylistBusc .descricao .busca-play{-webkit-box-orient: vertical;color: #0aa200;font-size: .875rem;width: 100%;display: -webkit-box;font-weight: 600;-webkit-line-clamp: 2;margin-bottom: 0px;max-width: 152px;min-height: 20px;line-height: 1.2;overflow: hidden;text-align: center;text-overflow: ellipsis;}
.tabPlaylistBusc .descricao .busca-nomeplay{align-items: center;display: flex;justify-content: center;margin-bottom: 0px;}
.tabPlaylistBusc .descricao .busca-nomeplay b{font-size: .9rem;font-weight: 600;color: #003970;max-width: 140px;overflow: hidden;/* color: #16283a; */text-overflow: ellipsis;white-space: nowrap;}
.tabPlaylistBusc .descricao .playbusc{align-items: center;display: flex;justify-content: center;margin-bottom: 0px;font-size: 14px;font-weight: 500;}
.tabPlaylistBusc .descricao .veri {width: 12px;height: 12px;margin: 0;padding-left: 7px;margin-bottom: -1px;}
.tabPlaylistBusc .descricao .playbusc span{margin-left:4px;}



/*=============== CD DESTAQUE ARTISTA ===============*/
.tabDes {     display: flex;
    height: 208px;
    margin: 0;
    position: relative;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #008eff;}
.tabDes.t100 { width: 99.3%; margin: 0;}
.t100 { border:1px solid;}
.tabDes .imagem {float: left;width: 20%;position: relative;border-radius: 10px;padding: 33px;height: 146px;}
.tabDes .imagem .obs { position: absolute; width: 81%;height: 146px; background-repeat: no-repeat; background-position: 50%;}
.tabDes .imagem .imgDes{ float: left;width: 100%;height: 146px;border-radius: 10px;}
.tabDes .descricaoDes { float: left;width: 73.2%;margin: 14px 0% 0;height: 148px;}
.tabDes .descricaoDes .nomeDes {font-family: Roboto, sans-serif;font-size: 13px;color:#fff;text-decoration: none;letter-spacing: 0px;font-style: normal;font-weight: bold;background-color: #0078d1;padding: 5px;border-radius: 5px;}
.tabDes .Des.m{display:none;}
.tabDes .Des {float: right;background-image: url(../imagens/trofeu.png);background-position: 1px 0%;background-repeat: no-repeat;color: #ff8a00;width: 19px;height: 28px;background-size: 28px;position: relative;margin: 0px;box-shadow: 0 5px 6px 0px rgb(0 57 112);background-color: #0595ff;padding: 4px;border-top-left-radius: 0;border-top-right-radius: 10px;border-bottom-right-radius: 0;border-bottom-left-radius: 45px;}
.tabDes .descricaoDes .nomeart {height: 70px;color: #0078d1;width: 100%;margin-top: 10px;font-size: 1.3em;line-height: 1.3;font-weight: bold;}
.tabDes .descricaoDes .noart {color: #0078d1;float: right;width: 27%;font-size: 0.9em;line-height: 1.2;margin-top: 5px;margin-right: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 .tabDes .descricaoDes h3 {float: left;width: 100%;text-align: center;font-size: 1.2em;line-height: 1.6;}
.descricaoDes h3{overflow: hidden;text-overflow: ellipsis;}


 /*=============== PLAYLIST PERFIL ARTISTA ===============*/
.tabPlaylist {border: 0.025rem solid #dadada;display: flex;height: 208px;margin: 1rem 0;position: relative;border-radius: 10px;background: #fff;}

.tabPlaylist.t100 { width: 99.3%; margin: 0;}
.t100 { border:1px solid;}
.tabPlaylist .imagem {width: 208px;height: 208px;}
.tabPlaylist .imagem .obs { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%;}
.tabPlaylist .imagem .imgartplay{width: 208px;height: 208px;border-radius: 10px 0 0 10px;}
.tabPlaylist .descricao {display: flex;flex-direction: column;padding: 0.75rem;width: calc(100% - 208px);}
    
.tabPlaylist .descricao .tituplay-artista {color: #0aa200;-webkit-box-orient: vertical;font-size: 21px;width: 100%;font-weight: 600;-webkit-line-clamp: 2;margin-bottom: 6px;min-height: 22px;display: -webkit-box;line-height: 1.2;text-align: left;overflow: hidden;text-overflow: ellipsis;margin-left: 4px;}    
.tabPlaylist .descricao .nomeplay-artista {height: 20px;margin: 0;justify-content: flex-start;margin-bottom: 0.25rem;align-items: center;display: flex;width: 100%;}   
.tabPlaylist .descricao .nomeplay-artista b {color: #148bff;font-weight: 600;font-size: .875rem;margin-right: 0.25rem;max-width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-left: 5px;}
.tabPlaylist .descricao .detalhes-mais {
    display: inline-flex;
    margin-left: 4px;
    padding-top: 4px;
}
.tabPlaylist .descricao .inf {overflow: hidden;font-size: 14px;position: relative;float: left;width: 40%;text-align: center;margin: 0;}
.tabPlaylist .descricao .inf .visArtPlay .nun {float: left;min-width: 12%;padding: min(4px);margin: 0 0 3px;border: 1px solid #ccc;text-align: center;font-weight: bold;font-size: 1em;color: #333841;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.tabPlaylist .descricao .inf .visArtPlay .nom {float: left;width: 49%;padding: 4px 0 4px;border: 1px solid #ccc;text-transform: uppercase;text-align: center;font-weight: 100;font-size: 1em;color: #707070;border-top-right-radius: 5px;border-bottom-right-radius: 5px;margin: 0;}
.tabPlaylist .descricao .inf .visArtDow .nun {
    float: left;
    min-width: 12%;
    padding: min(4px);
    margin: 0 0 3px;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #333841;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tabPlaylist .descricao .inf .visArtDow .nom {
    float: left;
    width: 49%;
    padding: 4px 0 4px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    font-size: 1em;
    color: #707070;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0;
}


.tabPlaylist .imagem .imgList{ float: left; width: 100%; height: 182px;}
.tabPlaylist .imagem .imgplay { float: left; width: 100%; height:157px;}





/*=============== PLAYLIST CD ARTISTA ===============*/
.tab-cd-artista { 
    border: 0.025rem solid #dadada;
    display: flex;
    height: 208px;
    margin: 1rem 0;
    position: relative;
    border-radius: 10px;
    background: #fff;}
.tab-cd-artista.t100 { width: 99.3%; margin: 0;}
.t100 { border:1px solid;}
.tab-cd-artista .imagem {width: 208px;
    height: 208px;}
.tab-cd-artista .imagem .obs { display:none;}
.tab-cd-artista .imagem .img {width: 208px;
    height: 208px; border-radius: 10px 0 0 10px;}
.tab-cd-artista .imagem .imgplay { float: left; width: 100%; height:157px;}
.tab-cd-artista .descricao {display: flex;
    flex-direction: column;
    padding: 0.75rem;
    width: calc(100% - 208px);}
.tab-cd-artista .descricao h3 { float: left; width: 100%; text-align: center; font-size: 1.2em; line-height: 1.6; color: #000000;}
.tab-cd-artista .descricao .nomeart {height: 20px;margin: 0;justify-content: flex-start;margin-bottom: 0.25rem;align-items: center;display: flex;width: 100%;}

.tab-cd-artista .descricao .nomeart b{color: #148bff;    font-size: .9rem;
    font-weight: 700;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*font-family: Open Sans,sans-serif!important;*/}

.tab-cd-artista .descricao .noart {color: #0078d1;-webkit-box-orient: vertical;font-size: 21px;width: 100%;font-weight: 600;-webkit-line-clamp: 2;    margin-bottom: 0.5rem;min-height: 22px;display: -webkit-box;line-height: 1.2;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.tab-cd-artista .descricao .noplay {color: #0aa200}
.tab-cd-artista .descricao .nomeplay {color: #0aa200; height: 40px;}
.tab-cd-artista .descricao .infLan{overflow: hidden;
    font-size: 14px;
    position: relative;
    width: 100%;
    text-align: center;
    display: flex !important;
    margin-bottom: 20px;}
.tab-cd-artista .descricao .infLan .lanome{font-weight: 700;color: #333841;}
.tab-cd-artista .descricao .infLan .lanca{margin-left: 4px;font-weight: 300;color: #727272;}
.tab-cd-artista .descricao .detalhes-mais {
    display: inline-flex;
    margin-left: 4px;
    padding-top: 4px;
}
.tab-cd-artista .descricao .inf {overflow: hidden;font-size: 14px;position: relative;float: left;width: 40%;text-align: center;margin: 0;}
.tab-cd-artista .descricao .inf .visArtDow .nun {float: left;min-width: 12%;padding: min(4px);margin: 0 0 3px;border: 1px solid #ccc;text-align: center;font-weight: bold;font-size: 1em;color: #333841;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.tab-cd-artista .descricao .inf .visArtDow .nom {float: left;width: 49%;padding: 4px 0 4px;border: 1px solid #ccc;text-transform: uppercase;text-align: center;font-weight: 300;font-size: 1em;color: #707070;border-top-right-radius: 5px;border-bottom-right-radius: 5px;margin:0;}
.tab-cd-artista .descricao .inf .visArtPlay .nun {float: left;min-width: 12%;padding: min(4px);margin: 0 0 3px;border: 1px solid #ccc;text-align: center;font-weight: bold;font-size: 1em;color: #333841;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.tab-cd-artista .descricao .inf .visArtPlay .nom {float: left;width: 49%;padding: 4px 0 4px;border: 1px solid #ccc;text-transform: uppercase;text-align: center;font-weight: 300;font-size: 1em;color: #707070;border-top-right-radius: 5px;border-bottom-right-radius: 5px;margin:0;}


/*=============== FAS ARTISTAS ===============*/

.layout-artista-lateral{    align-items: center;
    border-bottom: 1px solid #e6e8eb;
    border-radius: 4px;
    display: flex;
    height: 76px;
    justify-content: space-around;}

#titulo-artista-lateral{
        align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    min-height: 52px;
    position: relative;
    text-transform: uppercase
}

#titulo-artista-lateral h2 {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #2EB2FF;
    font-family: Roboto, sans-serif;
}

#artistasPer #titulo-artista-lateral em {
    float: left;
    width: 100%;
    height: 2px;
    background-color: #795548;
}

#artistasPer {
    border-radius: 6px;
    border: solid 1px #d8e2e8;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 0;
    overflow: hidden;
    padding: 16px;}

#artistasPer #titulo b.a{margin-top: 17px;color: #3898cf !important;text-transform: uppercase;border-bottom: 3px solid;font-weight: 700;font-family: Roboto, sans-serif;font-size: 24px;margin-bottom: 10px;width: 89%;text-align:center;}

.layout-artista-lateral .descri-foto-nome{
    align-items: center;
    display: flex;
    gap: 4px;
}

.layout-artista-lateral .imagem { width:50px; height:50px;}

.layout-artista-lateral .imagem .img{width: 50px;
    height: 50px;
    border-radius: 50%;}
    
.layout-artista-lateral .descricao {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;}
.layout-artista-lateral .descricao h3 {
    line-height: 1.4;
    color: #0078d1;
    font-size: .9rem;
    font-weight: 600;
    margin-right: 0.25rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}    
    
.layout-artista-lateral .imagem .imgList{ float: left; width: 100%; height: 182px;}
.layout-artista-lateral .imagem .imgplay { float: left; width: 100%; height:157px;}


.layout-artista-lateral .fasPer {margin: 0 0 0 auto;
    width: auto;}
.fasPer { margin: 1rem 0;
    width: 100%;}
    
.fasPer .virar {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    min-width: 64px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;text-transform: uppercase;}
    
.fasPer .virar{
    font-size: 0.845rem;
    height: 30px;
    padding: 0.5rem;
    width: 84px;
        background-color: #0078d1;
    border: 1px solid #0268b4;
    color: #fff;
}   
    
    
.fasPer .virar:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.fasPer .nun {
    width: 100%;
    text-align: -webkit-center;
    color: #0088ff;
    font-size: 0.7em;
    outline: 1px solid;
    border-radius: 0;
    height: 14px;
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;}




/*=============== BLOG BUSCA ===============*/

.padrao-busca-pesc-blog {
    background-color: #fff;
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(3,auto);
    height: auto;
    justify-content: space-between;
    margin-bottom: 14px;
}

.tabBlog {width: 334px;margin: 0px 4px;background: rgb(71, 46, 72);background-color: #fff;border: 1px solid #eaeaea;display: flex;margin-bottom: 10px;height: 151px;border-radius: 6px;}
.tabBlog .imagemBlog {float: left;width: 151px;border-radius: 6px 0px 0px 6px;height: 151px;}
.tabBlog .imagemBlog .imgBlog {float: left;width: 100%;border-radius: 6px 0px 0px 6px;height: 151px;}
.tabBlog .descricaoBlog {float: left;width: 53%;margin: 5px 1% 0px;}
.tabBlog .descricaoBlog h3 { float: left; width: 100%; text-align: left; font-size: 1.0em; line-height: 1.4; color: orange; font-weight: bold;}
.descricaoBlog h3{overflow: hidden;text-overflow: ellipsis; height:40px;margin-bottom: 12px;max-height: 40px;}
.tabBlog .descricaoBlog h4{width: 100%;font-size: 0.8em;line-height: 1.3;color: #727272;font-weight: 200;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 34px;}
.descricaoBlog h5{overflow: hidden;text-overflow: ellipsis;position: relative;font-weight: 600;display: block;color: #727272;top: 15px;font-size: 11px;}


/*=============== BLOG ULTIMAS NOTICIAS ===============*/

.tabUltBlog { float: left; width: 61.5%; margin: 15px 1% 0; height: 190px; border-radius: 12px; box-shadow: 0 0 10px 2px rgb(0 57 112 / 40%);background: #fff;}
.tabUltBlog .imagemUltBlog {width: 270px; height: 190px;float: left;}
.tabUltBlog .imagem .obs { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%;}
.tabUltBlog .imagemUltBlog .imgUltBlog {     float: left;
    width: 270px;
    height: 190px;
    border-radius: 12px;}
.tabUltBlog .descricaoUltBlog { float: left; width: 60%; margin: 9px 2% 0;height: 50px;}
.tabUltBlog .descricaoUltBlog h3 {float: left;width: 100%;text-align: left;font-size: 20px;color: rgb(0 119 255);font-weight: bold;text-overflow: ellipsis;overflow: hidden;height: auto;max-height: 50px;line-height: 25px;}
.descricaoUltBlog h3{overflow: hidden;text-overflow: ellipsis; height:40px;margin-bottom: 10px; max-height: 40px;}
.tabUltBlog .descricaoUltBlog h4{overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: unset;font-size: 0.9em;line-height: 1.3;color: #727272; height: 60px;white-space: nowrap;font-weight: 400;}
.descricaoUltBlog h5{overflow: hidden;text-overflow: ellipsis;position: relative; bottom: -40px; font-weight: 600;}


/*=============== ARTISTAS BUSCAS ===============*/

.padrao-busca{background-color: #fff;border-radius: 4px;display: grid;grid-template-columns: repeat(6,auto);height: auto;justify-content: space-between;margin-bottom: 14px;}

.tabperfil {width: 162px;margin: 0px 4px;background: rgb(71, 46, 72);background-color: #fff;border: 1px solid #eaeaea;border-radius: 6px;display: grid;}
.tabperfil .imagemperfil {display: flex;justify-content: space-around;}
.tabperfil .imagemperfil .imgperfil {border:2px solid transparent;width: 134px;height:134px; border-radius: 50%;}
.tabperfil .imagemperfil .imgperfil:hover {border:2px solid #fff;border-radius: 50%;}
.tabperfil .descricaoperfil { margin: 0;height:32px;}

.tabperfil .descricaoperfil .tiperfil {-webkit-box-orient: vertical;color: #0078d1;font-size: .875rem;width: 100%;display: -webkit-box;font-weight: 600;-webkit-line-clamp: 2;max-width: 162px;min-height: 32px;line-height: 1.1;overflow: hidden;text-align: center;text-overflow: ellipsis;}
.descricaoperfil .tiperfil{overflow: hidden;text-overflow: ellipsis;}


/*=============== SEM DEFINICAO ===============*/

.tabmusic { float: left;
    width: 24.6%;
    margin: 5px 0.2% 0;
    background: rgb(71, 46, 72);
    height: 77px;
    border-radius: 5px;}
.tabmusic .imagemmusic { float: left; width: 25%; position: relative;}
.tabmusic .imagemmusic .obsmusic { position: absolute; width: 98%; height: 98%; background-repeat: no-repeat; background-position: 50%;}
.tabmusic .imagemmusic .imgmusic { float: left; width: 100%;border-radius: 5%;}
.tabmusic .imagemmusic .obsmusic:hover {border:2px solid #fff;border-radius: 50%;}
.tabmusic .descricaomusic { float: left; width: 71%; margin: 3px 2% 0;}
.tabmusic .descricaomusic .timusic { float: left; width: 100%; text-align: center; font-size: 17px; line-height: 1.4; color: #fff;font-weight: bold;}
.descricaomusic .timusic{overflow: hidden;text-overflow: ellipsis;}



#playlist .tab:hover .imagem .obs { background-color: rgba(0,0,0,0.50); background-image: url("../imagens/link.png");}
#playlist .linha2 { float: left; width: 100%; height: 1px; display: none;}
#playlist .linha3 { float: left; width: 100%; height: 1px; display: none;}
#playlist .linha6 { float: left; width: 100%; height: 1px;}



/*=============== SINGLES INCIAL ===============*/

#single {background-color: #fff;
    border: 1px solid #d8e2e8;
    border-radius: 10px;
    padding: 0 16px 0.75rem;
    display: grid;}
#single .titulo-singles {align-items: center;display: flex;justify-content: space-between;margin-bottom: 0.75rem;min-height: 52px;position: relative;text-transform: uppercase;} 
#single .titulo-singles h2{width: 100%;text-transform: uppercase;font-weight: bold;font-size: 24px;color: #2EB2FF;font-family: Roboto, sans-serif;}
#single .titulo-singles c {float: right;margin: 10px 0 0 0;}
#single .titulo-singles c a {float: right;width: 100%;text-transform: uppercase;color: #003970;margin: 0;text-align: center;font-family: Roboto, sans-serif;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;line-height: 16px;}
#single .titulo-singles em {float: left;width: 100%;height: 2px;background-color: #795548;}   
    
.layoupadrao-musica {
    background-color: #fff;
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(3,auto);
    height: 270px;
    justify-content: space-between;
    margin: 0;
}    
#single .tab {
    width: 380px;
    height: 80px;
    margin: 4px 3.2% 6px 0;
    border-radius: 8px;
    display: flex;
    flex-direction: row;}
#single .tab.t100 { width: 100%; margin: 0;}
#single .tab .imagem {width: 100%;flex-direction: column;justify-content: space-between;align-self: center;align-items: center;margin: 5px;}
#single .tab .imagem .obs {width: 70px;height: 70px;position: relative;background-repeat: no-repeat;background-position: 50%;box-shadow: 0 0 5px 0px #e2e2e2;border-radius:8px;}
#single .tab:hover{ outline: 1px solid #00048f;}
#single .tab:hover .imagem .obs{ background-image: url(../imagens/playMusi.png);background-color: rgb(0 0 0 / 13%);}
#single .tab .imagem .img {float: left;width: 70px;height: 70px;border-radius: 8px;}
#single .tab .descricao {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2% 0;}
    
    #single .tab .descricao .alta{
            color: #1f1f1f;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

#single .subtitulo h2 {float: left;width: 96%;text-transform: uppercase;font-weight: bold;font-size: 2em;color: #00048f;}
#single.subtitulo b {float: left;margin: 0 20px 0 0;}
#single .subtitulo h2 c a{float: right;width: 6%;text-transform: uppercase;color: #003970;margin: 10px 0px 0px;text-align: center;font-family: Roboto, sans-serif;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;line-height: 16px;}
#single .subtitulo h2 c a:hover{color: #2972b9;}
#single.subtitulo c {float: right;margin: 0 20px 0 0;}
#single .tab .descricao h3 {color: #003970;overflow: hidden;text-overflow: ellipsis;    line-height: 0.9;}
    #single .tab .descricao h3 b{
    color: #00048f;
    -webkit-box-orient: vertical;
    width: 100%;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    min-height: 34px;
    /* max-width: 305px; */
    overflow: hidden;
   /*  text-align: center; */
    text-overflow: ellipsis;
    line-height: 1em!important;
    font-size: .975rem;
    font-weight: 600;}
    
    #single .tab>a {width: 80px;}
    
    
     #single .tab .descricao .nome-artista-single{
            align-items: center;
    display: flex;
    /* justify-content: center;*/
    margin-bottom: 1px;
    }
    #single .tab .descricao .nome-artista-single span {
        font-size: .850rem;
    font-weight: 600;
    color: #003970;
    margin-right: 0.25rem;
    max-width: 240px;
    overflow: hidden;
    /* color: #16283a; */
    text-overflow: ellipsis;
    white-space: nowrap;
}
   
   #single .tab .descricao .veri {
    width: 12px;
    height: 12px;
    margin: 0;
    margin-bottom: -1px;
}
    
    
#single .tab .descricao h4 { float: left; width: 100%; margin: 6px 0 6px; text-align: center; font-size: 0.85em; color: #565656;}
#single .linha2 { float: left; width: 100%; height: 1px; display: none;}
#single .linha3 { float: left; width: 100%; height: 1px; display: none;}
#single .linha6 { float: left; width: 100%; height: 1px;}

	.banner{
    background: #a0b935;
}
.bannerDentro {
    width: 98%;
    padding: 12px;
    margin-right: auto;
    margin-left: auto;
}

.banner a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}

.banner .text, .banner img {
    margin-right: 1rem;
    color:#fff;
}

 .banner img {
         max-width: 111px;
    max-height: 40px;}

.banner strong{
    color: #0098ff;
}


/*=============== EXIBIÇÃO DO CD ===============*/

#exibicd { float: left; width: 100%;}
#exibicd .lado2 { float: left; width: 45%; margin: 0 0 0 2%; position: relative;}
#exibicd .lado3 { float: left; width: 60%; position: relative;margin: 4% 0 0 5%;}

.lado1 .titulo-cd {float: left;width: 100%;padding-right: 0;padding-left: 0;}

.lado1 .titulo-cd h1 {float: left;width: 100%;font-weight: bold;text-align: center;line-height: 1.2;font-size: 1.4em;color: #000;max-height: 55px;text-transform: none;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 10px;}

.lado1 .titulo-cd h2 {float: left;width: 70%;text-align: center;line-height: 1.2;font-size: 16px;height: 40px;font-weight: 500;font-family: Roboto,sans-serif;}

.lado1 .titulo-cd h2 a{display: flex;}

.lado1 .titulo-cd a .img-cdArtis{width: 42px;height: 42px;float: left;cursor:pointer; margin-top:0;}

.lado1 .titulo-cd a .img-cdArtis img{border-radius: 50%;border: 2px solid #2EB2FF;width: 38px;height: 38px;float: left;cursor:pointer;}

.lado1 .titulo-cd a .nome-cdartista{    display: flex;
    align-self: center;}

.lado1 .titulo-cd a .art-nome{color: #0078d1 !important;
    font-weight: 600;
    margin-right: 0.25rem;
    margin-left: 5px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    
.verOfi {
    max-width: 11%;
    margin: auto 0;
    padding-left: 4px;
}

 .lado1 .infoCd {width: 100%;
    float: left;
    display: flex;
    height: 30px;
    align-items: center;
    border-radius: 5px;
    margin: 10px 0 0 0;
    border-bottom: 1px solid;
}   

.lado1 .infoCd section {
    display: flex;
    font-size: .85rem;
    margin: 0.3rem 0;
}

.lado1 .infoCd section p {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}

.lado1 .infoCd section span {
    color: #9b9b9b;
    padding: 0 12px 0 4px;
}

    .lado1 .completo {
    float: left;
    width: 46%;
    padding: 10px 0 7px;
    margin: 0 0 5px;
    background-color: #FF0000;
    border: 2px solid #FF0000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #FFFFFF;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.lado1 .style_download{ float: left; width: 46%; margin: 10px 2% 6px; background-color: #FF0000; border: 2px solid #FF0000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; cursor:pointer; align-items: center !important; display: flex !important; justify-content: center !important; text-transform: uppercase; font-weight: bold; color: #FFFFFF;}


.lado1 .style_download_cd{padding: 0 0 0 25px;
    background-image: url(../imagens/download.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 3px 50%;} 


.lado1 .style_download:hover { background-color:#a80015;}

.album-reader {
    box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
    padding-bottom: 4px;
    background: #fff;
}

.lado1 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin-bottom: 15px;
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

.lado1 .esque {max-width: 33.3333333333%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;    padding-top: 20px;}
.lado1 .centt {
    width: 40%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
    }
    
.lado1 .dirr {
    width: 24.8%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    }
.lado1 .capa { float: left; width: 100%; position: relative;}
.lado1 .capa .imagem { float: left; width: 100%; position: relative;}

.lado1 .capa .imagem:hover .obs { background-color: rgba(0,0,0,0.70);}
.lado1 .capa .imagem .img { float: left; width: 298px; height:298px; border-radius:10px; box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;} 

.lado1 .opcao{display:flex;width: 100%}



#exibicd .lado1 .opcao .reproduzir { height: 5%; top: 0; left: 0; background-image: url("../imagens/icoPlay.png"); background-color: #14b866; background-repeat: no-repeat; background-position: 50%; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}


#exibicd .lado1 .opcao .reproduzir {float: left; width: 46%;padding: 10px 0 7px;border: 2px solid #14b866;text-transform: uppercase;text-align: center;line-height: 1;font-weight: bold;color: #FFFFFF;background-size: 20px;background-repeat: no-repeat;background-position: 10px 50%;border-radius: 100px;outline: 0;cursor: pointer; margin: 10px 2% 6px 0;}
#exibicd .lado1 .opcao .reproduzir:hover {background-color: #004025;}

.lado1 .descricao { float: left; width: 100%; margin: 10px 0 0;}
.lado1 .descricao h5 {float: left;width: 100%;font-size: 0.7em;height: 14px;color: rgba(0,0,0,.87);}
.lado1 .compartilhar { float: left; width: 100%; padding: 5px 0 3px; margin: 5px 0 8px; text-align: center; font-size: 0;}

.compartilharcd b{padding: 9px 0px;
    width: 100%;
    display: block;
    color:#fff;
}

#exibicd .compartilhar strong { display: none;}
#exibicd .compartilhar img { margin: 0 5px;}
#exibicd .compartilhar img:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}
#exibicd .compartilhar a.zap2 { display: none;}
#exibicd .contagenscuti {
    float: left;
    display: flex;
    font-size: .85rem;
    /* margin: 0.3rem 0; */
    width: 15%;
    padding: 0 12px 0 15px;
}
#exibicd .formcurtir {
    float: left;
    width: 70%;
    min-width: 10%;
    padding: 0px 0 0px;
    margin: 0px 1% 0;
    border-radius: 20px;
    background-color: #fff;
    padding: 0px 0px 0 8px;
        outline: 1px solid #ccc;
}
#exibicd .formcurtir.a { float: left; }
#exibicd .formcurtir.b {float: left;}
#exibicd .formcurtir .botao { float: left; width: 54%; height: 26px; background-color: rgba(0,0,0,0.00); background-repeat: no-repeat; background-position: 90% 50%; cursor: pointer; font-size: 0; outline: 0; border: 0;}
#exibicd .formcurtir .botao.curtir { background-image: url(../imagens/icoCurtir.png);}
#exibicd .formcurtir .botao.ncurtir { background-image: url(../imagens/icoNcurtir.png);}
#exibicd .formcurtir .nun {float: left;width: 100%;max-width: 40%;margin: 6px 0 0;font-weight: bold;text-align: left;color: #0F0F0F;}
#exibicd .contagens { float: left; width: 100%; margin: 10px 0 0; display:flex;}
#exibicd .contagens .nuns { width: 38%; text-align: center; font-size: 0.9em;}
#exibicd .contagens #nunplay {max-width: 30%;}

#exibicd .contagens .nuns.a { float: left; }
#exibicd .contagens .nuns.b { float: right;}
#exibicd .contagens .nuns .nun {
    float: left;
    max-width: 35%;
    padding: min(4px);
    margin: 0 0 3px;
    text-align: center;
    border: 1px solid #5d5d5d;
    font-weight: bold;
    font-size: 1em;
    color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    }
#exibicd .contagens .nuns .oque {
    float: left;
    max-width: 49%;
    padding: min(4px);
    text-align: center;
    border: 1px solid #797979;
    font-weight: 300;
    font-size: 15px;
    color: #000000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    }
#exibicd .artista { float: left; width: 100%; padding: 12px 0 10px; margin: 12px 0 0; background-color: #D5E8F3; text-align: center; color: #18161F; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#exibicd .artista:hover { background-color: #C2D0D8;}

.lado1 .youtube { float: right; width: 100%; margin: 12px 0 0;}
.lado1 .youtube .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden; border-radius:5px;}
.lado1 .youtube .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}



.idfai.playing .rec1 {
    height: 12px;
    margin-right: 3px;
    animation: pulse1 1.2s infinite;
}

.idfai.playing .rec2 {
    height: 15px;
    margin-right: 3px;
    animation: pulse2 1.2s infinite;
}

.idfai.playing .rec3 {
    height: 8px;
    animation: pulse3 1.2s infinite;
}

.idfai.playing .rec1, .idfai.playing .rec2, .idfai.playing .rec3{
    width: 4px !important;
    background-color: #2EB2FF;
    border-radius: 3px;
}

.idfai.playing {
    display: flex;
    margin-right: 15px;
}

.idfai.playing {
    display: none;
    justify-content: center;
    transform: rotate(180deg) scaleX(-1);
    height: 25px;
}


@-webkit-keyframes pulse1{0%{height:4px}55%{height:15px}80%{height:12px}100%{height:4px}}@keyframes pulse1{0%{height:4px}55%{height:15px}80%{height:12px}100%{height:4px}}@-webkit-keyframes pulse2{0%{height:12px}30%{height:15px}70%{height:3px}100%{height:12px}}@keyframes pulse2{0%{height:12px}30%{height:15px}70%{height:3px}100%{height:12px}}@-webkit-keyframes pulse3{0%{height:6px}40%{height:15px}80%{height:2px}100%{height:6px}}@keyframes pulse3{0%{height:6px}40%{height:15px}80%{height:2px}100%{height:6px}}

#exibicd .playlist { float: left; width: 100%; max-height: 480px; margin: 5px 0 0; border: 1px solid #CCCCCC; overflow: hidden; border-radius: 5px; border-radius: 4px; -webkit-box-shadow: 0 0 6px rgb(25 25 34 / 16%); box-shadow: 0 0 6px rgb(25 25 34 / 16%); background-color: #fff;}
#exibicd .playlist .mp3 { float: left; width: 100%; position: relative; border-bottom: 1px solid #CCCCCC;}
#exibicd .playlist .mp3 .ouvir { float: left; width: 100%; padding: 14px 100px 14px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#exibicd .playlist .mp3 .ouvir .nun { float: left; padding: 0 8px; font-size: 16px; font-weight: bold; color: #9b9b9b;}
#exibicd .playlist .mp3 .ouvir .nome { margin: 2px 0 0; text-transform: uppercase; font-weight: bold; line-height: 1; font-size: 0.8em;  color: #424753;}
#exibicd .playlist .mp3 .baixar { position: absolute; top: 50%; right: 10px; padding: 12px 5px; margin: -12px 0 0; background-color: #fd3327; text-transform: uppercase; font-weight: bold; font-size: 0.8em; color: #FFFFFF; line-height: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#exibicd .playlist .mp3 .baixar:hover { background-color: #a80015;}
#exibicd .playlist .mp3:hover { background-color: rgb(90 90 90 / 10%);}
#exibicd .playlist.expandindo { max-height: 100%;}

#exibicd .mostrar { float: left; width: 100%; cursor: pointer;}
#exibicd .mostrar .botao { float: left; width: 100%; padding: 6px 0 4px; margin: 4px 0 0; background-color: #2EB2FF; border: 1px solid #2EB2FF; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 1em; color: #18161F; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#exibicd .mostrar .botao:hover { background-color: #18161F; border: 1px solid #18161F; color: #2EB2FF;}
#exibicd .mostrar .botao.esconder { display: none;}

#exibicd.semplay { padding: 0 0%;}
#exibicd.complay { padding: 0 0% 110px;}

/*=============== AREA DE ANUNCIOS ===============*/

.anuncio-artista{
    margin: 0 auto;
    width: 1200px;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 10px;}

.anunCD{
margin-bottom: 15px;
    display: block;
    float: none;
    text-align: center;
    padding-top: 55px;
    
}

.AnuCdN{
float: left;
    text-align: center;padding: 55px 0 0;width: 100%;}
.AnuNot{float: left;text-align: center;padding: 25px 0;width: 100%;}
.AnuVert {float: right;width: 34%;margin: 7% 1% 0px 0;}
.anunART{margin: 0 auto;padding: 30px 12px;width: 1200px;}
#aswift_1{width:100% !important;}


/*=============== ESTILOS DAS TABS SEACH ===============*/

.wrapper{
	background: #fff;
	width: 100%;
	border-radius: 3px;
}

.wrapper .tab_wrap{
	padding: 23px 10px;
    background: #f9f9f9;
    width: 11.8%;
    float: left;
}

.wrapper .tab_wrap ul{
	display: contents;
	background: #f4fafe;
	border-radius: 3px;
}

.wrapper .tab_wrap ul li{
    list-style:none;
	width: 125px;
	text-align: center;
	padding: 8px;
	cursor: pointer;
	border-radius: 10px;
	font-weight: 600;
	font-family: Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
	color:#363942;
}
.wrapper .tab_wrap ul li[data-li~="artis"]{
	color: #4245a8;
}

.wrapper .tab_wrap ul li[data-li~="cdsi"]{
	color:#0078d1;
}
.wrapper .tab_wrap ul li[data-li~="playlis"]{
	color:#0aa200;
}
.wrapper .tab_wrap ul li[data-li~="blog"]{
	color: orange;
}


.wrapper .tab_wrap ul li:hover,
.wrapper .tab_wrap ul li.active{
	background: #e4edf5;
}

.wrapper .tab_wrap ul li.active[data-li~="all"]{
	background: #4b4b4c;
	color:#fff;
}

.wrapper .tab_wrap ul li:hover[data-li~="artis"]{
    
}
.wrapper .tab_wrap ul li.active[data-li~="artis"]{
	background: rgb(71, 46, 72);
	color:#fff;
}

.wrapper .tab_wrap ul li.active[data-li~="cdsi"]{
	background: #0078d1;
	color:#fff;
}

.wrapper .tab_wrap ul li.active[data-li~="playlis"]{
	background: #0aa200;
	color:#fff;
}

.wrapper .tab_wrap ul li.active[data-li~="blog"]{
	background: orange;
	color:#fff;
}

.inbox{
    width: 86.4%;
    float: right;
    height: auto;
}
.inbox ul{
    padding:0;
    margin:0;
}
.inbox ul li{
    list-style:none;
    padding:0;
    margin:0;
}