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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: Aspekta;
}
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;
}
.container{
width: 1320px;
margin: 0 auto;
position: relative;
}
h1{
font-size: 64px;
line-height: 64px;
color: #fff;
font-family: Aspekta;
font-weight: 650;
text-align: center;
}
.padrao h2{
font-family: 'Haettenschweiler';
font-weight: 500;
font-size: 96px;
line-height: 96px;
text-transform: uppercase;
text-align: left;
}
h2{
font-size: 64px;
line-height: 84px;
color: #fff;
font-family: Aspekta;
font-weight: 650;
text-align: center;
}
h4{
font-size: 36px;
line-height: 84px;
color: #fff;
font-family: Aspekta;
font-weight: 650;
text-align: center;
}
h3{
font-size: 48px;
line-height: 56px;
color: #fff;
font-family: Aspekta;
font-weight: 650;
text-align: left;
}
p{
font-size: 20px;
line-height: 36px;
color: #fff;
text-align: center;
}
strong{
font-weight: 650;
}
.topoGeral{
height: 100vh;
background: #0A0C13;
display: flex;
align-items: center;
transition-duration: .8s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
position: relative;
width: 100%;
overflow: hidden;
}
.topoGeral .scroll {
position: absolute;
bottom: 35px;
left: 0;
right: 0;
text-align: center;
cursor: pointer;
}
.todoScroll img {
max-width: 82px;
}
.topoGeral .scroll span{
display: block;
margin-bottom: 16px;
color: #040404;
text-align: center;
font-family: Aspekta;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: -10px;
}
.logo-central {
display: flex;
justify-content: center;
position: relative;
z-index: 999;
}
.logo-central h1{
color: #040404;
text-align: center;
font-family: Haettenschweiler;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 88px; /* 137.5% */
text-transform: uppercase;
max-width: 984px;
margin: 0 auto;
}
.pagina-inicial .topoGeral {
display: block;
}
.pagina-inicial .topoGeral .texto{
padding-top: 394px;
}
.topoGeral p{
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
}
.topoGeral .topo-menu {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 96%;
max-width: 1320px;
right: 0;
margin-left: auto;
margin-right: auto;
transition-duration: .8s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
background: tranparent;
}
.todoMenu{
cursor: pointer;
}
.todoMenu svg rect{
transition: ease-out 200ms all;
}
.todoMenu:hover svg rect{
fill: white;
}
.todoMenu:hover svg path{
fill: #040404;
}
/* #todoMenu ul li{
animation: fadeIn 1s ease-in both;
}
#todoMenu li:nth-child(2) {
animation-delay: 1s;
}
#todoMenu li:nth-child(3) {
animation-delay: 2s;
}
#todoMenu li:nth-child(4) {
animation-delay: 3s;
}
#todoMenu li:nth-child(5) {
animation-delay: 4s;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
} */
#todoMenu ul li a {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 96px;
line-height: 64px;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
margin-bottom: 96px;
display: block;
}
.menu-ativo {
overflow-y: hidden;
}
#todoMenu{
}
#todoMenu ul{
position: relative;
z-index: 1;
}
#todoMenu>ul{
padding-top: 160px;
padding-left: 417px;
}
#todoMenu>ul li a{
transition: ease-out all 300ms ;
}
.menuAtivo .logo{
z-index: 999;
}
.menuAtivo .close{
display: block;
}
.menuAtivo .close svg *{
fill: white;
opacity: 1 !important;
visibility: visible !important;
}
.menuAtivo .close .iconClose{
z-index: 99;
}
.menuAtivo .logoSigla svg *{
fill:#ffffff;
}
#todoMenu>ul li a:hover {
color:#fe592c;
}
#todoMenu .circle {
position: absolute;
right: 30%;
top: 90px;
z-index: 0;
display: none;
}
#todoMenu.menuAtivo .circle{
display: block;
}
#logoPrincipalHome{
}
#logoPrincipalHome path{
/*transition: all ease-out 300ms 300ms;*/
position: relative;
z-index: 9;
}
/* @keyframes round {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0deg);
}
} */
#todoMenu{
width: 100%;
height: 100%;
overflow: inherit;
position: fixed;
left: 100%;
right: 0;
background: #040404;
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
top: 0;
transition: left 0.5s ease-in-out;
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
}
#todoMenu.menuAtivo{
left: 0;
}
/* #todoMenu.menuOpen{
display: block;
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
} */
/* @keyframes fadeIn{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
*/
.close {
position: relative;
display: flex;
align-items: center;
justify-content: center;
display: none;
z-index: 100000;
}
.menu-ativo .close{
display: flex;
}
.close svg{
position: absolute;
}
.close .iconClose {
z-index: -1;
}
.menu-ativo .logo {
position: relative;
z-index: 10000;
}
.menu-ativo .desk {
display: none;
}
.menu-ativo .logo .logoSigla svg path{
fill: #fff;
}
.topoGeral .containerMenu{
transition-duration: .8s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
background: tranparent;
position: fixed;
width: 100%;
top: 36px;
left: 0;
z-index: 9999;
}
.topoGeral.MenuAtivo .containerMenu{
background: #0a0c13;
top: 0px;
padding: 8px 0px;
}
.topoGeral.MenuAtivo .topo-menu{
top:0;
background: #0a0c13;
}
.topoGeral .topo-menu .todoMenu ul {
display: flex;
}
.topoGeral .topo-menu .todoMenu ul li{
font-family: Aspekta;
font-size: 18px;
line-height: 36px;
margin-right: 36px;
font-weight: 400;
}
.PagPost .topoGeral .topo-menu .todoMenu ul li a{
color: #131313;
}
.PagPost .topoGeral.MenuAtivo .topo-menu .todoMenu ul li a{
color: #fff;
}
.topoGeral .texto p {
margin-top: 36px;
opacity: 1;
display: none;
}
.e-o-que-cada-publico-ganha-com-isso .tunnel svg {
transform: rotate3d(0, 0, 1, 0);
transform-origin: center;
}
.musicTech {
padding-top: 244px;
background: #FFC8CB;
padding-bottom: 244px;
}
.musicTech h2{
color: #40B0DE;
font-family: 'Haettenschweiler';
margin-bottom: 64px;
}
.musicTech p{
text-align: left;
}
.musicTech p {
color: #040404;
max-width: 672px;
margin-bottom: 48px;
font-size: 24px;
line-height: 40px;
}
.musicTech a {
color: #040404;
font-weight: 650;
text-align: center;
display: flex;
text-decoration: none;
font-family: Aspekta;
font-size: 28px;
align-items: center;
transition: ease-out all 300ms;
}
.musicTech a svg{
margin-left: 16px;
padding-top: 4px;
transform-origin: bottom;
overflow: visible;
}
.musicTech a:hover{
color: #ffffff;
}
.musicTech a:hover svg path{
transition: ease-out all 300ms;
}
.musicTech a:hover svg path{
fill: #ffffff;
transform: rotate(15deg);
}
.e-o-que-cada-publico-ganha-com-isso{
width: 100%;
}
.e-o-que-cada-publico-ganha-com-isso.padrao {
background-color: #FE592C;
padding: 294px 0;
position: relative;
display: flex;
}
.e-o-que-cada-publico-ganha-com-isso.padrao h2{
max-width: 431px;
}
.e-o-que-cada-publico-ganha-com-isso.padrao .tunnel {
position: absolute;
top: -328px;
right: 249px;
}
#secPublico{
width: 100%;
overflow: hidden;
}
.publico {
padding: 120px 0;
background: #040404;
}
.publico .todoBoxes .boxes .item {
position: relative;
margin-bottom: 522px;
}
.publico .todoBoxes .boxes .item h3 strong{
font-weight: 400;
}
.publico .todoBoxes .boxes .item h3{
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 64px;
text-transform: uppercase;
max-width: 548px;
}
.publico .todoBoxes .boxes .item h3 br{
display: none;
}
.publico .todoBoxes .boxes .azul h3{
color: #40B0DE;
}
.publico .todoBoxes .boxes .laranja h3{
color: #FE592C;
}
.publico .todoBoxes .boxes.boxEsquerda .item:first-child .imagem img{
transform: scaleX(-1);
}
.publico .todoBoxes .boxes.boxEsquerda .item:nth-of-type(2) .imagem img{
transform: scaleX(-1);
}
.publico .todoBoxes .boxes.boxEsquerda .item:first-child h3{
margin-bottom: 96px;
position: relative;
z-index: 1;
}
.publico .todoBoxes .boxes.boxEsquerda .item:nth-of-type(2) h3{
margin-bottom: 32px;
position: relative;
z-index: 1;
}
.publico .todoBoxes .boxes.boxEsquerda .item:nth-of-type(2){
margin-bottom: 600px;
}
.publico .todoBoxes .boxes.boxDireita .item:first-child h3{
margin-bottom: 32px;
position: relative;
z-index: 1;
}
.publico .todoBoxes .boxes.boxDireita .item:nth-of-type(2) h3{
margin-bottom: 64px;
position: relative;
z-index: 3;
}
.publico .todoBoxes .boxes.boxDireita .item:nth-of-type(2){
margin-bottom: 450px;
}
.publico .todoBoxes .boxes.boxDireita .item:nth-of-type(2) .imagem {
z-index: 2;
}
.publico .todoBoxes .boxes .item.laranja .imagem {
position: absolute;
top: 193px;
right: 530px;
z-index: 0;
}
.publico .todoBoxes .boxes ul {
list-style: disc;
list-style-position: inside;
position: relative;
z-index: 10;
}
.publico .todoBoxes .boxes ul li {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 40px;
color: #FFFFFF;
max-width: 545px;
}
.publico .todoBoxes .boxes .item.azul .imagem {
position: absolute;
top: 193px;
left: 347px;
z-index: 0;
}
.publico .todoBoxes .boxes .item .imagem img{
filter: grayscale(100%);
}
.circle {
position: absolute;
right: 100px;
top: 119%;
}
.dots-flor {
position: absolute;
left: -85px;
top: 154%;
}
.cone {
position: absolute;
right: 0;
top: 71%;
transform-origin: center;
}
.circle3 {
position: absolute;
left: 0;
top: 110%;
z-index: 1;
transform-origin: center;
}
.publico .todoBoxes .boxes .item.laranja{
display: flex;
justify-content: end;
padding-right: 190px;
}
.artistas{
background: #FFC8CB;
width: 100%;
height: 1080px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.artistas .texto .repeatText span{
font-family: 'Haettenschweiler';
font-size: 200px;
line-height: 200px;
color: #40B0DE;
padding-right: 2rem;
}
.scrolling_text {
width: 100%;
overflow: hidden;
display: flex;
white-space: nowrap;
position: relative;
z-index: 1;
}
.text {
display: ruby;
-moz-display:ruby;
animation: animate_text 50s linear infinite; /* The animation property */
}
@keyframes animate_text {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
}
}
.artistas .texto .repeatText span.marcado {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #40B0DE;
-webkit-text-fill-color: transparent;
-moz-text-stroke-width: 1px;
-moz-text-stroke-color: #40B0DE;
-moz-text-fill-color: transparent;
text-stroke-width: 1px;
text-stroke-color: #40B0DE;
text-fill-color: transparent;
display: inline-block;
color: transparent;
webkit-text-fill-color: transparent;
text-fill-color: transparent;
moz-text-fill-color: transparent;
font-family: 'Haettenschweiler';
font-size: 200px;
line-height: 200px;
}
.artistas .artistaPadrao{
position: absolute;
width: 312px;
height: 416px;
background: #D9D9D9;
background-size: cover;
background-position: center;
transition: all 100ms ease;
}
.artistas .artista01{
left: -82px;
bottom: 202px;
}
.artistas .artista02{
left: 300px;
top: 168px;
}
.artistas .artista03{
left: 412px;
bottom: -66px;
}
.artistas .artista04{
top: 124px;
text-align: center;
}
.artistas .artista05{
right: 412px;
top: -208px;
}
.artistas .artista06{
right: 748px;
bottom: 32px;
}
.artistas .artista07{
right: 300px;
}
.artistas .artista08{
right: 100px;
bottom: -160px;
}
.artistas .btnPadrao {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
margin: 0 auto;
margin-top: 48px;
max-width: 424px;
width: 100%;
}
.btnPadrao a{
max-width: 424px;
width: 100%;
height: 76px;
background: #040404;
border-radius: 48px;
text-decoration: none;
font-family: 'Aspekta';
font-weight: 600;
font-size: 28px;
line-height: 28px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition: all ease-out 300ms;
}
.btnPadrao:hover{
opacity: 0.9;
}
.btnPadrao:hover a{
background: #ffffff !important; color: #040404 !important; }
.destaques{
display: flex;
position: relative;
}
.destaques .box{
width: 50%;
height: 1080px;
background-size: 100% 100%;
background-position: center;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover !important;
}
.destaques .box .op{
content: " ";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,.7);
z-index: 1;
position: absolute;
}
/*.destaques .box.um{*/
/* background: #AA999A;*/
/*}*/
/*.destaques .box.dois{*/
/* background:#C8B8B9;*/
/*}*/
.circle-artistas {
position: absolute;
top: -301px;
z-index: 10;
right: 276px;
}
.circle-artistas svg {
transform-origin: center;
}
.rodape{
background: #40B0DE;
padding-top: 148px;
width: 100%;
overflow: hidden;
}
.rodape .btnPadrao , .rodape .copy, .rodape .parte{
visibility: visible;
}
.rodape .todoMenu{
visibility: visible;
}
.rodape .logoGrande svg {
transform: inherit;
visibility: visible;
transform-origin: inherit;
}
.rodape .container {
display: flex;
justify-content: space-between;
}
.rodape .container .todoMenu {
display: flex;
}
.rodape .container .parte .logo{
margin-bottom: 48px;
}
.rodape .container .parte p{
text-align: left;
}
.rodape .container .parte:nth-of-type(1) p{
margin-bottom: 98px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 40px;
}
.rodape .container .parte a{
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 16px;
margin-bottom: 48px;
display: flex;
color: #FFFFFF;
text-decoration: none;
}
.rodape .container .parte .menu{
margin-right: 49px;
}
.rodape p strong{
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 16px;
margin-bottom: 48px;
display: block;
color: #040404;
}
.rodape .btnPadrao {
margin-top: 44px;
}
.rodape p {
font-size: 16px;
line-height: 16px;
margin-bottom: 36px;
}
.rodape .logoGrande {
display: flex;
justify-content: center;
}
.todoMenu .mob{
display: none;
}
.topoInterna.artistas {
display: block;
}
.topoInterna.artistas .texto {
padding-top: 396px;
}
.topoInterna.artistas.quemSomos {
background-size: cover;
}
.topoInterna.artistas .texto .repeatText span {
font-size: 148px;
line-height: 128px;
display: ruby;
position: relative;
left: -582px;
}
.topoInterna.artistas .circle {
position: absolute;
right: 22.34%;
bottom: 44px;
top: inherit;
}
.todoArtistas {
background: #040404;
position: relative;
min-height: 800px;
}
.todoArtistas .container {
display: flex;
flex-wrap: wrap;
position: relative;
top: -343px;
z-index: 1;
}
.todoArtistas .container a{
display: block;
margin-bottom: 96px;
margin-right: 24px;
}
.todoArtistas .container a:nth-of-type(3n){
margin-right: 0;
}
.todoArtistas .container a:nth-child(3n+2) {
margin-top: 40px;
}
.todoArtistas .container a{
width: 32.12%;
overflow: hidden;
}
.todoArtistas .container .imagem {
width: 100%;
max-width: 424px;
height: 565px;
background: #D9D9D9;
background-position: center;
background-size: cover;
}
.todoArtistas .container a{
text-decoration: none;
}
.todoArtistas .container a span {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
margin-top: 24px;
margin-bottom: 16px;
display: block;
text-transform: uppercase;
}
.todoArtistas .container a p {
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 28px;
text-align: left;
color: #FFFFFF;
}
.artistas-algohits .rodape{
background: #FE592C;
}
.todoArtistas .circle {
position: absolute;
left: 50%;
top: 50%;
margin-left: -325px;
margin-top: -325px;
z-index: 0;
transform-origin: center;
}
.todoArtistas .item .imagem{
transition: all ease-out 300ms;
transform-origin: center;
}
.todoArtistas .item:hover .imagem{
transform: scale(1.2);
}
.todoArtistas .container a span{
transition: all ease-out 300ms;
transform-origin: center;
}
.todoArtistas .container a .item:hover span{
padding-top: 10%;
}
.dropTodo{
display: none;
}
/* .logoSigla:hover svg *{
fill: #ffffff;
} */
.btnClose {
position: absolute;
top: 48px;
right: calc((100% - 1320px) /2);
background: white;
width: 76px;
height: 76px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 2;
transition: 300ms ease-out background;
}
.btnClose svg *{
fill: #040404;
}
.btnClose:hover{
background: #FE592C;
}
.branco .todoMenu rect{
fill: #ffffff;
}
.branco .todoMenu path{
fill: #040404;
}
.Teardrop {
transform: rotateZ(180deg);
transform-origin: center;
fill: #ffffff;
}
.logoSigla{
position: relative;
}
a {
text-decoration: none;
}
.branco .logoSigla svg path {
fill: white !important;
}
.single-artistas .rodape{
background: #40B0DE;
}
.single-artistas .artistas{
background: #040404;
display: block;
}
.single-artistas .artistas .texto{
padding-top: 360px;
}
.single-artistas .artistas .texto .repeatText span{
text-transform: uppercase;
left: 0;
color: #FFC8CB;
}
.single-artistas .artistas .texto .repeatText span.marcado {
-webkit-text-stroke-color: #FFC8CB;
-moz-text-stroke-color: #FFC8CB;
text-stroke-color:#FFC8CB;
}
.single-artistas .artistas .texto .repeatText {
justify-content: center;
}
.single-artistas .estilo {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 16px;
display: block;
text-transform: uppercase;
text-align: center;
}
.single-artistas .midia {
max-width: 1320px;
height: 743px;
background: #D9D9D9;
margin: 0 auto;
position: relative;
top: -290px;
width: 100%;
z-index: 1;
}
.single-artistas .midia{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.single-artistas .midia .container{
height: 100%;
}
.single-artistas .midia .container:after{
transition: all ease-out 300ms;
background-color: rgba(254, 89, 44, 0.5);;
opacity: 0;
content: " ";
}
.single-artistas .midia:hover .container:after{
position: absolute;
content: " ";
width: 100%;
height: 100%;
background-color: rgba(254, 89, 44, 0.5);
opacity: 1;
}
.single-artistas .popup-youtube {
position: absolute;
left: 0;
width: 100%;
height: 743px;
display: flex;
justify-content: center;
align-items: center;
z-index: 100;
}
.single-artistas .tunel {
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 645px;
position: absolute;
z-index: 0;
overflow: hidden;
}
.single-artistas .bio {
position: relative;
top: -166px;
}
.topoGeral .topo-menu.maior{
max-width: 1600px;
}
.topoGeral .topo-menu.preto .logoSigla svg *{
fill:#040404 !important;
}
.topoGeral .topo-menu.preto .todoMenu rect{
fill: #040404 !important;
}
.topoGeral .topo-menu.preto .todoMenu path{
fill:#ffffff;
}
.single-artistas .bio .todoBio {
display: flex;
}
.single-artistas .bio .todoBio h4 {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 48px;
text-align: left;
color: #040404;
max-width: 150px;
margin-right: 185px;
}
.single-artistas .bio .todoBio .infos {
width: 872px;
}
.single-artistas .bio .todoBio .infos p{
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #040404;
text-align: left;
margin-bottom: 24px;
}
.single-artistas .topoGeral.interna {
height: auto;
}
.bgHome{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
transform: scale(1.2);
}
@keyframes liquid-animation {
0% {
transform: translateY(0);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0);
}
}
.topoGeral.interna .bgHome{
display: none !important;
}
.single-artistas .bio .todoBio .infos .redes-sociais {
display: flex;
align-items: center;
margin-top: 36px;
flex-wrap: wrap;
margin-top: 74px;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item{
display: flex;
align-items: center;
width: 50%;
margin-bottom: 84px;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item a {
display: flex;
align-items: center;
text-decoration: none;
transition: 0.3s;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item a:hover p{
color: #F4359D;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item:last-child{
margin-right: 0px;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item p{
margin-bottom: 0;
margin-left: 12px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 20px;
display: flex;
align-items: center;
color: #040404;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item svg{
transition: 0.3s;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item svg path{
transition: 0.3s;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item svg:hover path{
fill: #F4359D !important;
}
.single-artistas .albunsInterna{
padding-top: 124px;
padding-bottom: 498px;
background: #040404;
overflow: hidden;
}
.single-artistas .albunsInterna .todoAlbuns h4{
width: 213px;
text-align: left;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 48px;
color: #FFFFFF;
margin-right: 122px;
}
.single-artistas .albunsInterna .todoAlbuns{
display: flex;
}
.single-artistas .albunsInterna .todoAlbuns .infos p{
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
color: #FFFFFF;
max-width: 312px;
margin-top: 24px;
margin-bottom: 36px;
text-align: left;
}
.single-artistas .albunsInterna .todoAlbuns .infos .imagem {
margin-right: 24px;
position: relative;
width: 312px;
height: 312px;
background-size: cover;
background-position: center;
}
.albunsInterna .todoAlbuns .infos a {
color: #FE592C;
text-decoration: none;
font-weight: 650;
width: 312px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FE592C;
border-radius: 200px;
transition: 0.3s;
}
.albunsInterna .todoAlbuns .infos a svg{
margin-right: 12px;
}
.albunsInterna .todoAlbuns .infos a:hover{
background:#FE592C ;
color: #fff;
}
.albunsInterna .todoAlbuns .infos a:hover path{
fill: #fff !important;
}
.albunsInterna .todoAlbuns .infos{
display: flex;
}
.albunsInterna .todoAlbuns .carroselAlbum .item{ float: left;}
.topoGeral.interna {
background-image: none;
height: auto;
}
.contato-algohits .topoInterna.artistas .texto .repeatText{
justify-content: center;
}
.contato-algohits .artistas{
background: #fff;
height: auto;
}
.contato-algohits .topoInterna.artistas .texto .repeatText span {
left: 0;
color: #040404;
}
.contato-algohits .artistas .texto .repeatText span.marcado {
-webkit-text-stroke-color: #040404;
-moz-text-stroke-color: #040404;
text-stroke-color: #040404;
}
.formulario {
padding-top: 0px;
margin-top: 96px;
padding-bottom: 513px;
background: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.formulario p {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
max-width: 648px;
color: #040404;
text-align: left;
margin-bottom: 96px;
}
.formulario form {
max-width: 648px;
}
.contato.topo h1{
text-align: left;
}
.formulario form .grupoInput{
position: relative;
}
.formulario form .grupoInput label {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
color: #040404;
position: absolute;
transition: top ease-in-out 100ms 250ms;
top: 0;
}
.formulario form .grupoInput.active label {
color: #FE592C;
margin-bottom: 12px;
font-size: 24px;
line-height: 24px;
top: -28px;
}
.formulario form .grupoInput.active .inpt{
font-weight: 300;
}
.formulario form .grupoInput.active .inpt{
border-bottom: 2px solid #FE592C;
}
.formulario form .grupoInput .inpt {
border: none;
background: transparent;
-webkit-appearance: none;
appearance: none;
padding-bottom: 16px;
width: 100%;
margin-bottom: 64px;
border-bottom: 2px solid #535353;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
z-index: 1000;
position: relative;
color: #040404;
}
.formulario form .grupoInput .inpt:focus{
outline: none;
}
.formulario form .grupoInput .inpt::placeholder{
opacity: 1;
color: #fff;
}
.check {
width: fit-content;
display: block;
position: relative;
padding-left: 40px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.check input {
display: none;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
border: 1px solid #707070;
background-color: #fff;;
}
/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
background-color: #FE592C;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.check .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check p {
margin-bottom: 0;
line-height: 19px;
font-size: 19px;
}
.formulario .btnEnviar {
display: flex;
justify-content: center;
align-items: center;
width: 424px;
height: 83px;
background: #040404;
border-radius: 48px;
color: #fff;
text-decoration: none;
font-size: 28px;
font-family: Aspekta;
border: none;
transition: 0.3s;
cursor: pointer;
font-weight: 650;
margin-top: 64px;
}
.contato-algohits .topoInterna.artistas .circle {
position: absolute;
right: 37px;
bottom: inherit;
top: 492px;
}
.formulario .btnEnviar:hover{
opacity: .9;
}
.formulario textarea{
resize: none;
}
.confirmacao-contato-algohits .confirmacao-contato {
height: auto;
background: #fff;
display: inherit;
padding-top: 338px;
padding-bottom: 764px;
}
.confirmacao-contato-algohits .confirmacao-contato p {
text-align: left;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #040404;
}
.confirmacao-contato-algohits .confirmacao-contato h3 {
text-align: left;
margin-bottom: 48px;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 64px;
text-transform: uppercase;
color: #040404;
max-width: 495px;
}
.confirmacao-contato-algohits .confirmacao-contato .btnPadrao {
margin-top: 96px;
position: relative;
z-index: 1;
}
.confirmacao-contato-algohits .confirmacao-contato .btnPadrao a{
border: 3px solid #040404;
border-radius: 48px;
background: #fff;
color: #040404;
transition: all ease-out 300ms;
}
.confirmacao-contato-algohits .confirmacao-contato .btnPadrao:hover a{
background: #040404 !important;
color: #ffffff !important;
}
.confirmacao-contato-algohits .confirmacao-contato .circle {
position: absolute;
right: 314px;
top: 223px;
z-index: 0;
}
.PagPost .post h1 {
text-align: left;
max-width: 984px;
margin-bottom: 36px;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 56px;
line-height: 64px;
text-transform: uppercase;
color: #131313;
}
.PagPost .post {
padding-top: 267px;
padding-bottom: 236px;
}
.PagPost .post span:first-child {
margin-right: 17px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
color: #888888;
}
.PagPost .post span {
text-transform: uppercase;
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
color: #131313;
}
.PagPost .post .texto p {
text-align: left;
margin-bottom: 48px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #514E4E;
}
.PagPost .post .texto a {
color: #FE592C;
text-decoration: none;
font-size: 20px;
}
.PagPost .post .texto .wp-caption-text {
}
.PagPost .post .texto table{
margin-bottom: 40px;
}
.size-full.wp-image-884.aligncenter {
max-width: 100%;
height: auto;
}
.postsBlog.noticiasRelacionadas {
background: #40B0DE;
padding-top: 124px;
padding-bottom: 216px;
}
.PagPost .rodape, .blog .rodape{
background: #FFC8CB;
}
.post h2{
color: #131313;
text-align: left;
font-size: 24px;
line-height: 44px;
font-weight: 800;
}
.post h3{
color: #131313;
text-align: left;
font-size: 20px;
line-height: 32px;
font-weight: 700;
}
.post h4{
color: #131313;
text-align: left;
font-size: 20px;
line-height: 32px;
font-weight: 700;
text-decoration: underline;
}
.post span{
font-weight: 300;
text-transform: uppercase;
}
.post .imagem {
margin-top: 36px;
margin-bottom: 36px;
width: 984px;
height: 554px;
background: #D6D6D6;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.PagPost .circle {
position: absolute;
right: 174px;
top: 739px;
z-index: 0;
}
.post span:first-child{
color: #888888;
margin-right: 17px;
}
.post .texto{
max-width: 850px;
}
.post .texto p {
color: #131313;
text-align: left;
margin-bottom: 48px;
}
.post .texto ul {
list-style: disc;
list-style-position: inside;
margin-bottom: 40px;
}
.post .texto ul li {
font-size: 20px;
line-height: 36px;
color: #131313;
}
.post .texto strong{
font-weight: 700;
}
.post .texto .text{
animation: none;
}
.post .texto h5{
font-size: 20px;
line-height: 36px;
color: #FE592C;
font-weight: 700;
margin-bottom: 48px;
}
.postsBlog.noticiasRelacionadas h3 {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 48px;
/* identical to box height, or 100% */
text-align: left;
margin-bottom: 64px;
color: #040404;
}
.postsBlog.noticiasRelacionadas .todoItem .item {
width: 32.12%;
margin-bottom: 0px;
}
.aviso p {
text-align: left;
}
.PagPost .rodape .container .parte .logo svg path, .blog .rodape .container .parte .logo svg path{
fill: #040404;
}
.PagPost .rodape .container .parte p, .blog .rodape .container .parte p{
color: #040404;
}
.PagPost .rodape .container .parte a, .blog .rodape .container .parte a{
color: #040404;
}
.PagPost .rodape .btnPadrao a, .blog .rodape .btnPadrao a {
color: #fff !important;
}
.PagPost .rodape p, .blog .rodape p{
color: #040404;
}
.PagPost .rodape .logoGrande svg path, .blog .rodape .logoGrande svg path{
fill: #040404;
}
.blog .destaqueBlog.artistas {
display: inherit;
height: auto;
}
.destaqueBlog.artistas .texto .repeatText {
justify-content: center;
}
.blog .destaqueBlog.artistas .texto .repeatText {
margin-bottom: 148px;
}
.blog .destaqueBlog.artistas .texto .repeatText span{
display: ruby;
left: -192px;
position: relative;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 148px;
line-height: 128px;
}
.destaqueBlog {
padding-top: 264px;
background: #040404;
padding-bottom: 128px;
}
.destaqueBlog .todoDestaque .texto {
margin-left: 24px;
box-sizing: border-box;
position: relative;
z-index: 2;
order: 2;
}
.destaqueBlog .todoDestaque .texto span {
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
color: #888888;
text-transform: uppercase;
display: block;
}
.destaqueBlog .todoDestaque {
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.destaqueBlog .todoDestaque h2 {
text-align: left;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #FFFFFF;
max-width: 535px;
}
.destaqueBlog .todoDestaque .imagem {
width: 760px;
height: 427px;
background: #D6D6D6;
position: relative;
z-index: 1;
right: 0;
overflow: hidden;
}
.destaqueBlog .todoDestaque .imagem .imagemBG{
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: ease-out all 300ms;
}
.destaqueBlog .todoDestaque .texto a , .destaqueBlog .todoDestaque svg *, .destaqueBlog .todoDestaque svg{
transition: ease-out all 300ms;
}
.destaqueBlog .todoDestaque:hover .imagem .imagemBG{
transform: scale(1.2);
}
.destaqueBlog .todoDestaque:hover .texto a{
color:#ffffff;
}
.destaqueBlog .todoDestaque:hover .texto svg{
transform: rotate(30deg);
}
.destaqueBlog .todoDestaque:hover .texto svg *{
fill: #ffffff;
}
.destaqueBlog .todoDestaque .imagem .fullsize{
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
}
.destaqueBlog .todoDestaque .texto a:first-of-type{
margin-top: 0;
}
.destaqueBlog .todoDestaque .texto a {
text-decoration: none;
margin-top: 24px;
display: flex;
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #FE592C;
align-items: center;
}
.destaqueBlog .todoDestaque .texto a svg{
margin-left: 12px;
}
.destaqueBlog .todoItem{
margin-top: 128px;
}
.destaqueBlog .todoItem {
margin-top: 148px;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.destaqueBlog .todoItem .item{
width: 49%;
}
.destaqueBlog .todoItem .item .imagem {
width: 100%;
height: 364px;
background: #D6D6D6;
overflow: hidden;
position: relative;
}
.destaqueBlog .todoItem .item:hover a{
color: #ffffff;
}
.destaqueBlog .todoItem .item:hover svg, .destaqueBlog .todoItem .item:hover svg *{
transition: ease-out all 300ms;
}
.destaqueBlog .todoItem .item:hover svg{
transform: rotate(30deg);
}
.destaqueBlog .todoItem .item:hover svg *{
fill: #ffffff;
}
.destaqueBlog .todoItem .item:hover .imagemBG{
transform: scale(1.2);
}
.destaqueBlog .todoItem .item .imagemBG{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
transition: ease-out all 300ms;
}
.destaqueBlog .todoItem .item span{
display: block;
margin-top: 24px;
margin-bottom: 16px;
text-transform: uppercase;
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
color: #888888;
}
.destaqueBlog .todoItem .item h4 {
text-align: left;
max-width: 540px;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
z-index: 1;
}
.destaqueBlog .todoItem .item p {
text-align: left;
margin-top: 24px;
margin-bottom: 24px;
max-width: 520px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #FFFFFF;
}
.destaqueBlog .circle {
position: absolute;
right: inherit;
top: 700px;
left: -135px;
z-index: 0;
}
.destaqueBlog .todoItem .item a {
text-decoration: none;
display: block;
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #FE592C;
}
.saibamais{
display: flex;
align-items: center;
}
.destaqueBlog .todoItem .item a svg{
margin-left: 12px;
}
.postsBlog{
padding: 128px 0 0 0;
}
.postsBlog .todoItem {
display: flex;
justify-content: left;
flex-wrap: wrap;
}
.postsBlog .todoItem .item{
width: 32.12%;
margin-bottom: 128px;
flex-basis: 32.12%;
margin-right: 1.82%;
}
.postsBlog .todoItem .item.itemGen , .postsBlog .todoItem .item.itemGen * {
visibility: visible !important;
opacity: 1;
}
.postsBlog .todoItem .item:nth-of-type(3n){
margin-right: 0;
}
.postsBlog .todoItem .item .imagem {
width: 100%;
height: 238px;
background: #D6D6D6;
position: relative;
overflow: hidden;
}
.postsBlog .todoItem .item .imagem .imagemBG{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
transition: ease-out 300ms all;
}
.postsBlog .todoItem .item:hover .imagemBG{
transform: scale(1.2);
}
.postsBlog .todoItem .item a, .postsBlog .todoItem .item a svg, .postsBlog .todoItem .item a svg * {
transition: ease-out 300ms all;
}
.postsBlog .todoItem .item:hover a{
color: #040404;
}
.postsBlog .todoItem .item:hover a svg{
transform: rotate(30deg);
}
.postsBlog .todoItem .item:hover a svg * {
fill: #040404;
}
.postsBlog .todoItem .item span{
display: block;
margin-top: 24px;
margin-bottom: 16px;
text-transform: uppercase;
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
color: #888888;
}
.PagPost .postsBlog .todoItem .item span, .PagPost .postsBlog .todoItem .item h4, .PagPost .postsBlog .todoItem .item p{
color: #fff;
}
.postsBlog h4 {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 48px;
color: #040404;
text-align: left;
margin-bottom: 64px;
}
.blog .postsBlog{
padding-bottom: 308px;
}
.postsBlog .btnPadrao a{
margin: 0 auto;
border: 3px solid #040404;
border-radius: 48px;
background: transparent;
color: #040404;
transition: all 300ms ease-out;
}
.postsBlog .btnPadrao:hover a{
background: #040404 !important;
color: #ffffff !important
}
.postsBlog .todoItem .item h4 {
text-align: left;
max-width: 420px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;
color: #0A0C13;
margin-bottom: 16px;
}
.postsBlog .todoItem .item p:first-of-type{
display: none;
}
.postsBlog .todoItem .item p:last-of-type{
display: none;
}
.postsBlog .todoItem .item p {
text-align: left;
margin-bottom: 24px;
max-width: 420px;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #514E4E;
}
.postsBlog .todoItem .item a {
text-decoration: none;
display: block;
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #FE592C;
}
.postsBlog .todoItem .item .saibamais{
display: flex;
align-items: center;
}
.postsBlog .todoItem .item .saibamais svg{
margin-left: 12px;
}
.topoGeral.internaBlog .topo-menu .todoMenu ul li a{
color: #0A0C13;
}
.quem-somos-algohits .topoInterna.artistas .texto {
padding-top: 324px;
}
.quem-somos-algohits .topoInterna.artistas .texto .container{
max-width: 1096px;
margin: 0 auto;
}
.quem-somos-algohits .topoInterna.artistas .texto h1 {
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 96px;
line-height: 96px;
text-transform: uppercase;
color: #000000;
text-align: left;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 64px;
}
.quem-somos-algohits .topoInterna.artistas .texto p {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 40px;
color: #000000;
text-align: left;
max-width: 826px;
}
.quem-somos-algohits .imagem{
width: 100%;
height: 1080px;
background: #FE592C;
position: relative;
}
.quem-somos-algohits .imagem .imagemPrincipal{
width: 100%;
height: 743px;
background-size: cover;
background-position: center;
position: relative;
top: -100px;
}
.quem-somos-algohits .imagem .circle {
position: absolute;
right: inherit;
top: 488px;
left: 263px;
}
.quem-somos-algohits .informacoes{
background: #040404;
padding: 216px 0;
}
.quem-somos-algohits .informacoes .todoBox{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 410px;
}
.quem-somos-algohits .informacoes .todoBox:last-of-type{
margin-bottom: 0;
}
.quem-somos-algohits .informacoes .todoBox .imagem{
width: 648px;
height: 648px;
background-size: cover;
background-position: center;
}
.quem-somos-algohits .informacoes .todoBox .texto{
width: 534px;
}
.quem-somos-algohits .informacoes .todoBox .texto p{
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
/* or 180% */
text-align: left;
margin-bottom: 32px;
color: #FFFFFF;
}
.quem-somos-algohits .informacoes .todoBox .texto p:last-of-type{
margin-bottom: 0;
}
.quem-somos-algohits .tunel {
position: absolute;
top: 590px;
left: 315px;
}
.quem-somos-algohits .todoBox .texto .btnPadrao a {
background: #FE592C;
margin-top: 96px;
}
.quem-somos-algohits .empresa{
padding: 226px 0;
background: #FFC8CB;
position: relative;
overflow: hidden;
}
.empresa a {
transition: all 300ms ease-out;
}
.empresa a svg{
overflow: visible;
}
.empresa a svg path{
transition: all 300ms ease-out;
}
.empresa a:hover{
color: #ffffff !important;
}
.empresa a:hover svg path{
transition: ease-out all 300ms;
}
.empresa a:hover svg path{
fill: #ffffff;
transform: rotate(15deg);
}
.quem-somos-algohits .empresa h2 {
text-align: left;
font-family: 'Haettenschweiler';
font-style: normal;
font-weight: 400;
font-size: 96px;
line-height: 96px;
text-transform: uppercase;
color: #40B0DE;
}
.quem-somos-algohits .empresa .todoBox{
display: flex;
justify-content: space-between;
}
.quem-somos-algohits .empresa .todoBox .texto{
width: 648px;
position: relative;
z-index: 1;
}
.quem-somos-algohits .empresa .todoBox .texto02{
width: 424px;
position: relative;
z-index: 1;
}
.quem-somos-algohits .empresa .todoBox .texto02 p:first-of-type{
padding-top: 85px;
}
.quem-somos-algohits .empresa .todoBox .texto02 p {
text-align: left;
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
color: #040404;
margin-bottom: 32px;
}
.quem-somos-algohits .empresa .todoBox .texto02 a{
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 28px;
/* identical to box height, or 100% */
text-decoration: none;
text-align: right;
color: #040404;
}
.quem-somos-algohits .empresa .todoBox .texto02 a svg{
margin-left: 16px;
}
.quem-somos-algohits .empresa .tunel {
position: absolute;
top: inherit;
left: 114px;
bottom: -325px;
z-index: 0;
}
.quem-somos-algohits .empresa .container{
height: 100%;
}
@media screen and (max-width:1800px) {
.artistas .artista03 {
left: 280px;
bottom: -66px;
}
.artistas .artistaPadrao {
position: absolute;
width: 270px;
height: 374px;
}}
@media screen and (max-width:1600px) {
.artistas .artista06 {
right: 650px;
bottom: 32px;
}
.artistas .artista07 {
right: 200px;
}
}
@media screen and (max-width:1500px) {
.PagPost .circle {
right: 30px;
}
.PagPost .circle svg{
width: 444px;
height: 444px;
}
.artistas .artistaPadrao {
position: absolute;
width: 250px;
height: 324px;
}
.artistas .artista05 {
right: 200px;
top: -110px;
}
.artistas .artista04 {
top: 60px;
text-align: center;
}
.artistas .artista02 {
left: 150px;
top: 168px;
}
.artistas .artista03 {
left: 200px;
bottom: -66px;
}
}
@media screen and (max-width:1400px) {
.contato-algohits .topoInterna.artistas .circle svg{
width: 560px;
height: 560px;
}
}
@media screen and (max-width:1366px) {
.artistas .artista06 {
right: 500px;
bottom: 32px;
}
.btnClose {
right: 2%;
}
}
@media screen and (max-width:1340px) {
.todoArtistas .container a {
width: 32%;
}
.container{
width: 96%;
}
.topoGeral .containerMenu{
width: 100%;
right: 0;
margin: 0 auto;
}
}
.tunnel .mob {
display: none;
}
@media screen and (max-width:1250px) {
.todoArtistas .container a {
width: 31%;
}
}
@media screen and (max-width:1180px) {
#todoMenu > ul {
padding-top: 0;
padding-left: 0;
}
.parteMenu{
margin-top: 64px;
}
#todoMenu ul li a{
font-size: 64px;
margin-bottom: 64px;
}
#todoMenu .circle {
position: absolute;
right: 0;
top: 211px;
z-index: 0;
animation: round 9s linear infinite;
left: 0;
text-align: center;
}
#todoMenu .circle svg {
width: 553px;
height: 553px;
}
#todoMenu {
padding-top: 202px;
padding-left: 0;
text-align: center;
}
.logo-central img {
width: 100%;
max-width: 649px;
}
.pagina-inicial .topoGeral .texto {
padding-top: 343px;
}
.topoGeral .texto p {
line-height: 36px;
}
.logoSigla svg path {
fill: #fff;
}
.topoGeral .container {
width: 100%;
}
.todoMenu .mob{
display: block;
}
.todoMenu .desk{
display: none;
}
.padrao h2 {
font-size: 84px;
line-height: 84px;
}
.musicTech {
padding-top: 188px;
background: #FFC8CB;
padding-bottom: 188px;
}
.musicTech p {
margin-bottom: 48px;
font-size: 20px;
line-height: 36px;
}
.tunnel .mob {
display: block;
}
.tunnel .desk {
width: 464px;
height: 463px;
position: relative;
right: -152px;
}
.e-o-que-cada-publico-ganha-com-isso.padrao .tunnel {
position: absolute;
top: -150px;
right: 0;
overflow: hidden;
}
.e-o-que-cada-publico-ganha-com-isso.padrao h2 {
font-size: 96px;
line-height: 96px;
}
.e-o-que-cada-publico-ganha-com-isso.padrao {
padding: 300px 0;
}
#item1 {
margin-top: 50px;
}
.publico .todoBoxes .boxes .item.azul .imagem {
position: relative;
top: 0;
left: 0;
z-index: 0;
}
.publico .todoBoxes .boxes .item.azul .imagem img{
width: 100%;
}
.publico .todoBoxes .boxes .item h3 {
font-size: 56px;
line-height: 56px;
}
.publico .todoBoxes .boxes.boxEsquerda .item:first-child h3 {
margin-bottom: 48px;
}
.publico .todoBoxes .boxes ul li {
font-size: 20px;
line-height: 36px;
}
.publico .todoBoxes .boxes ul{
margin-bottom: 16px;
}
.publico {
padding: 0px 0 80px 0;
}
.circle svg {
width: 224px;
}
.circle {
position: absolute;
right: 21px;
top: 87%;
}
.publico .todoBoxes .boxes .item {
margin-bottom: 188px;
}
.publico .todoBoxes .boxes .item.laranja {
padding-right: 0;
}
.publico .todoBoxes .boxes.boxEsquerda .item:nth-of-type(2) h3 {
margin-bottom: 48px;}
.publico .todoBoxes .boxes .item.laranja .imagem {
position: relative;
top: 0;
right: 0;
z-index: 0;
}
.publico .todoBoxes .boxes .item.laranja .imagem img{
width: 100%;
}
.publico .todoBoxes .boxes.boxEsquerda .item:nth-of-type(2) {
margin-bottom: 188px;
}
.dots-flor {
position: absolute;
left: 28px;
top: 90%;
}
.dots-flor svg {
width: 168px;
}
.cone svg {
width: 325px;
}
.cone {
position: absolute;
right: 0;
top: 66%;
left: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.publico .todoBoxes .boxes.boxDireita .item:nth-of-type(2) {
margin-bottom: 100px;
}
.circle3 {
position: absolute;
left: 30px;
top: 72%;
z-index: 1;
}
.circle3 svg {
width: 265px;
}
.publico .todoBoxes .boxes .item.laranja {
display: flex;
justify-content: center;
}
.publico .todoBoxes .boxes .item.azul {
display: flex;
justify-content: center;
}
.artistas .artistaPadrao {
width: 164px;
height: 219px;
background-size: cover !important;
}
.artistas .artista01 {
left: -40px;
top: -40px;
}
.artistas .artista02 {
left: inherit;
top: 124px;
right: 49px;
}
.artistas .artista03 {
left: -20px;
bottom: inherit;
top: 273px;
}
.artistas .artista04 {
top: 419px;
text-align: center;
right: 0;
}
.artistas .artista05 {
right: inherit;
top: inherit;
bottom: 285px;
left: -5px;
}
.artistas .artista06 {
right: -55px;
bottom: 184px;
}
.artistas .artista07 {
left: -55px;
bottom: 25px;
}
.artistas .artista08 {
display: none;
}
.artistas .texto .repeatText span {
font-size: 96px;
line-height: 96px;
}
.artistas .texto .repeatText span.marcado {
font-size: 96px;
line-height: 96px;
}
.artistas .texto{
width: 100%;
padding-top: 492px;
}
.artistas .texto .repeatText {
text-align: center;
justify-content: center;
}
.artistas .btnPadrao{
max-width: 96%;
margin: 0 auto;
margin-top: 96px;
}
.btnPadrao a {
max-width: 424px;
width: 100%;
height: 74px
}
.artistas {
display: inherit;
}
.circle-artistas svg {
width: 236px;
}
.circle-artistas {
position: absolute;
top: -290px;
z-index: 10;
right: 0;
left: 0;
text-align: center;
}
.destaques .box {
width: 100%;
height: 443px;
}
.destaques {
flex-wrap: wrap;
}
.rodape {
padding-top: 98px;
}
.rodape .container .parte .logo {
margin-bottom: 36px;
}
.rodape .container .parte:nth-of-type(1) p {
margin-bottom: 36px;
font-size: 20px;
line-height: 36px;
}
.rodape .container {
flex-wrap: wrap;
}
.rodape .container .parte{
width: 100%;
}
.rodape .container .parte a {
font-size: 24px;
line-height: 16px;
margin-bottom: 36px;
}
.rodape .container .parte .btnPadrao{
margin-top: 64px;
}
.rodape .container .parte .btnPadrao a{
margin-bottom: 97px;
}
.rodape p strong {
font-size: 24px;
margin-bottom: 36px;}
.rodape .logoGrande svg {
width: 100%;
height: 176.98px;
}
.todoArtistas .container a {
width: 100%;
margin-right: 0;
margin-bottom: 48px;
display: flex;
justify-content: center;
}
.todoArtistas .container a .item{
width: 369px;
}
.todoArtistas .container a:nth-child(3n+2) {
margin-top: 0px;
}
.todoArtistas .container {
top: -240px;
}
.topoInterna.artistas .circle svg {
width: 448px;
height: 448px;
}
.topoInterna.artistas .circle {
position: absolute;
right: -92px;
bottom: 77px;
top: inherit;
}
.topoInterna.artistas .texto .repeatText span {
font-size: 96px;
line-height: 96px;
left: 0;
}
.topoInterna.artistas .texto {
padding-top: 476px;
}
.todoArtistas .circle {
position: absolute;
left: 446px;
top: 772px;
right: inherit;
z-index: 0;
display: none;
}
.single-artistas .midia {
width: 96%;
}
.single-artistas .bio .todoBio {
flex-wrap: wrap;
}
.single-artistas .bio .todoBio h4 {
margin-bottom: 48px;
}
.contato-algohits .logoSigla svg path {
fill: #040404;
}
.contato-algohits .topoInterna.artistas .texto {
padding-top: 396px;
}
.contato-algohits .topoInterna.artistas .circle svg {
width: 347px;
height: 347px;
}
.contato-algohits .topoInterna.artistas .circle {
position: absolute;
right: -137px;
bottom: 500px;
top: inherit;
}
.contato-algohits .topoInterna.artistas .circle {
bottom: 400px;
}
.logoSigla svg path {
fill: #040404;
}
.confirmacao-contato-algohits .confirmacao-contato .btnPadrao {
max-width: 96%;
}
.confirmacao-contato-algohits .confirmacao-contato .btnPadrao a{
height: 83px;
}
.confirmacao-contato-algohits .confirmacao-contato{
overflow: hidden;
}
.confirmacao-contato-algohits .confirmacao-contato .circle svg {
width: 491px;
height: 491px;
}
.confirmacao-contato-algohits .confirmacao-contato .circle {
position: absolute;
right: -222px;
top: -55px;
z-index: 0;
}
.confirmacao-contato-algohits .confirmacao-contato h3, .confirmacao-contato-algohits .confirmacao-contato p{
position: relative;
z-index: 1;
}
.confirmacao-contato-algohits .confirmacao-contato {
padding-top: 292px;
padding-bottom: 296px;
}
.PagPost .circle {
display: none;
}
.post .imagem {
width: 100%;
}
.PagPost .post {
padding-top: 259px;
padding-bottom: 236px;
}
.postsBlog.noticiasRelacionadas .todoItem .item {
width: 312px;
margin-right: 24px;
float: left;
}
.postsBlog.noticiasRelacionadas {
overflow: hidden;
}
.postsBlog .todoItem .item .imagem {
width: 100%;
height: 175px;}
.postsBlog.noticiasRelacionadas {
padding-top: 96px;
}
.blog .artistas .texto {
padding-top: 0px;
margin-left: 0;
margin-top: 24px;
}
.blog .destaqueBlog.artistas .texto .repeatText span{
font-size: 96px;
line-height: 96px;
margin-bottom: 72px;
left: 130px;
}
.destaqueBlog .todoDestaque {
flex-wrap: wrap;
}
.destaqueBlog .circle{
display: none;
}
.destaqueBlog .todoItem {
margin-top: 96px;
}
.quem-somos-algohits .circle svg {
width: 408px;
height: 408px;
}
.quem-somos-algohits .imagem .circle {
position: absolute;
right: inherit;
top: 536px;
left: -89px;
}
.quem-somos-algohits .informacoes .todoBox {
margin-bottom: 0;
flex-wrap: wrap;
}
.quem-somos-algohits .informacoes .tunel {
position: relative;
top: -50px;
left: 0;
right: 0;
text-align: center;
}
.quem-somos-algohits .informacoes .tunel svg{
width: 266px;
height: 266px;
}
.quem-somos-algohits .informacoes .todoBox .imagem {
margin-top: 52px;
}
.quem-somos-algohits .informacoes .todoBox:last-of-type .imagem{
margin-top: 0;
margin-bottom: 64px;
}
.quem-somos-algohits .informacoes {
padding: 166px 0;
}
.quem-somos-algohits .empresa {
padding: 148px 0;
overflow: inherit;
}
.quem-somos-algohits .empresa .todoBox {
flex-wrap: wrap;
}
.quem-somos-algohits .empresa .tunel {
position: absolute;
top: 81px;
left: 0;
bottom: inherit;
z-index: 0;
right: 0;
text-align: center;
}
.quem-somos-algohits .empresa .todoBox .texto02 p:first-of-type {
padding-top: 96px;
}
}
@media screen and (max-width:768px) {
.destaqueBlog .todoDestaque .imagem{
width: 100%;
padding-top: 60%;
height: auto;
}
.destaqueBlog .todoItem .item .imagem {
width: 100%;
padding-top: 60%;
height: auto;
}
.imagemBG{
top:0;
left: 0;
}
.btnClose{
width: 64px;
height: 64px;
}
.quem-somos-algohits .empresa .tunel svg{
width: 100%;
}
.quem-somos-algohits .empresa h2 {
font-size: 64px;
line-height: 64px;
}
.quem-somos-algohits .informacoes .todoBox .imagem {
width: 100%;
height: 388px;
}
.quem-somos-algohits .imagem {
height: 852px;
}
.quem-somos-algohits .topoInterna.artistas .texto {
padding-top: 216px;
}
.quem-somos-algohits .topoInterna.artistas .texto h1 {
font-size: 64px;
line-height: 64px;
}
.destaqueBlog .todoItem{
flex-wrap: wrap;
}
.blog .postsBlog .todoItem .item {
width: 100%;
margin-bottom: 64px;
flex-basis: 100%;
margin-right: 0;
}
.blog .postsBlog {
padding-bottom: 264px;
}
.blog .postsBlog .todoItem .item .imagem{
height: auto;
padding-top: 60%;
}
.destaqueBlog .todoItem .item {
width: 100%;
margin-bottom: 64px;
}
.destaqueBlog .todoItem .item:last-of-type{
margin-bottom: 0;
}
.post .imagem {
width: 100%;
height: auto;
padding-top: 60%;
}
.single-artistas .midia {
height: 208px;
top: -80px;
}
.single-artistas .popup-youtube {
height: 208px;}
.single-artistas .artistas {
height: 800px;
}
.single-artistas .topoInterna.artistas .texto {
padding-top: 388px;
}
.single-artistas .tunel svg {
width: 362px;
height: 362px;
}
.btnPlay svg {
width: 64px;
height: 64px;
}
.single-artistas .bio {
position: relative;
top: 0;
padding-bottom: 66px;
}
.single-artistas .bio .todoBio .infos .redes-sociais .item {
width: 100%;
margin-bottom: 48px;
}
.single-artistas .albunsInterna {
padding-bottom: 336px;
}
.single-artistas .albunsInterna .todoAlbuns {
display: flex;
flex-wrap: wrap;
}
.single-artistas .albunsInterna .todoAlbuns h4 {
margin-bottom: 64px;
}
.formulario .btnEnviar {
width: 100%;}
}
@media screen and (max-width:430px) {
.topoInterna.artistas .texto .repeatText span {
left: 110px;
}
.contato-algohits .topoInterna.artistas .texto .repeatText span {
left: 100px;
}
.rodape .container .parte .menu {
margin-right: 0;
}
.rodape .container .todoMenu {
display: flex;
justify-content: space-between;
}
}
/* ================================================ CSS ANTIGO ===================================== */
.outros-artistas{
padding-top: 98px;
background: #0A0C13;
overflow: hidden;
position: relative;
}
.outros-artistas h4{
color: #0A0C13;
margin-left: calc((100% - 1320px) / 2);
margin-bottom: 36px;
text-align: left;
position: relative;
}
.outros-artistas .faixa{
width: 100%;
height: 400px;
left: 0;
top: 0;
background: #F6EF25;
position: absolute;
}
.outros-artistas .carrosel{
display: flex;
margin-left: calc((100% - 1320px) / 2);
}
.outros-artistas .carrosel .item{
float: left;
position: relative;
width: 320px;
height: 320px;
}
.outros-artistas .carrosel .item a::before {
height: 143px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0.01%, #000000 100%);
content: "";
position: absolute;
width: 100%;
bottom: 0;
}
.outros-artistas .carrosel .item img{
width: 100%;
}
.outros-artistas .carrosel .item .tag {
position: absolute;
left: 24px;
top: 24px;
}
.outros-artistas .carrosel .item p {
position: absolute;
left: 24px;
bottom: 24px;
font-family: Aspekta;
font-weight: 300;
font-size: 24px;
}
.todoArtista.artistas h1 {
margin-bottom: 64px;
}
.artistas.interna {
padding-bottom: 128px;
background: #0A0C13;
}
.topoGeral.interna .todoArtista .video.semVideo {
height: 0;
margin-bottom: 64px ;
margin-top: 0 ;
}
.artistas.interna .todoArtistas .item{
position: relative;
}
.artistas.interna .todoArtistas .item::before {
content: '';
position: absolute;
height: 220px;
left: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0.01%, #000000 100%);
width: 100%;
bottom: 0;
}
.artistas.interna .todoArtistas .item .tag{
position: absolute;
left: 36px;
top: 36px;
}
.display {
display: flex;
justify-content: space-between;
align-items: center;
}
.artistas.interna .todoArtistas .item p{
position: absolute;
left: 36px;
bottom: 36px;
font-family: Aspekta;
font-weight: 400;
font-size: 36px;
}
.contato.topo {
padding-top: 174px;
padding-bottom: 138px;
}
.confirmacao-contato {
height: 650px;
background: #000;
display: flex;
justify-content: center;
align-items: center;
}
.confirmacao-contato h3{
text-align: center;
margin-bottom: 24px;
}
.topoGeral.interna .lancamentos{
margin-top: 238px;
}
.topoGeral.interna .lancamentos h1{
margin-bottom: 66px;
}
.lancamentos.interna{
background: #0A0C13;
}
.lancamentos.interna .todoLancamento {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lancamentos.interna .todoLancamento .item{
width: 50%;
display: flex;
margin-bottom: 128px;
}
.lancamentos.interna .todoLancamento .item .imagem{
margin-right: 24px;
}
.lancamentos.interna .todoLancamento .item .tag{
margin-bottom: 32px;
}
.lancamentos.interna .todoLancamento .item h4 {
font-size: 28px;
line-height: inherit;
margin-bottom: 11px;
text-align: left;
}
.lancamentos.interna .todoLancamento .item p{
text-align: left;
font-family: Aspekta;
font-weight: 300;
}
.lancamentos.interna .todoLancamento .item .btn a {
width: 224px;
height: 60px;
font-family: Aspekta;
font-weight: 700;
}
.lancamentos.interna .todoLancamento .item .btn {
margin-top: 24px;
}
.lancamentos.interna .todoLancamento .item .bntSpotify.btn a{
background: #0a0c13;
border: 2px solid #F4359D;
color: #F4359D;
}
.lancamentos.interna .todoLancamento .item .bntEmBreve.btn a{
background: #444444;
}
.lancamentos.interna .todoLancamento .item span {
font-size: 16px;
color: #DEFC4F;
font-weight: 500;
margin-top: 24px;
display: block;
font-family: Aspekta;
}
.grecaptcha-badge{
display: none;
}
/*
* THI ADICIONOU
* As relacionadas do blog estavam com o titulo "apagado"
*/
.noticiasRelacionadas .todoItem .item h4{
opacity: 1;
visibility: visible;
}
#bgLinks{
background-size: cover;
padding: 90px 0;
}
#links{
height: 100%;
width: 100%;
position: relative;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#links .imagemCapa{
width: 100%;
height: 312px;
background: #B1B1B1;
background-size: cover;
background-position: center;
border-radius: 12px 12px 0px 0px;
}
#links .todoLancamento {
width: 312px;
border-radius: 12px;
background: #fff;
}
#links .todoLancamento .texto{
background: #40B0DE;
padding: 15px 0
}
#links .todoLancamento .texto h1{
color: #FFF;
font-size: 20px;
font-family: Aspekta;
font-style: normal;
font-weight: 600;
line-height: 20px;
margin-bottom: 8px;
}
#links .todoLancamento .texto p{
color: #FFF;
font-size: 16px;
font-family: Aspekta;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
}
#links .streamings a{
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 9.5px;
border-bottom: 1px solid #D2D2D2;
transition: 0.3s;
}
#links .streamings a:hover{
background: #F2F2F2;
}
#links .streamings a:hover .btn{
background: #000;
color: #fff;
}
#links .streamings a:last-of-type{
border-bottom: none;
border-radius: 0px 0px 12px 12px;
}
#links .streamings .btn {
border-radius: 48px;
border: 2px solid #000;
padding: 8px 17.3px;
color: #040404;
text-align: center;
font-size: 16px;
font-family: Aspekta;
font-style: normal;
font-weight: 600;
line-height: 16px;
transition: 0.3s;
}
#links .Copyright{
width: 100%;
color: #040404;
text-align: center;
font-size: 16px;
font-family: Aspekta;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center;
margin: 0 auto;
margin-top: 24px;
}
#links .Copyright a{
color: #000;
text-decoration: none;
}
.ov{
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-size: cover;
background-position: center;
}
.ov::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
backdrop-filter: blur(20px);
}
/*Trechos Singles */
.itemPlayer{
display: flex;
justify-content: space-between;
align-items: center;
padding: 9.5px 9.5px;
border-bottom: 1px solid #D2D2D2;
transition: 0.3s;
flex-wrap: wrap;
}
.itemPlayer:last-of-type{
border-bottom: none;
}
.itemPlayer p {
color: #040404;
flex-basis: 100%;
text-align: left;
font-size: 15px;
margin-bottom: 3px;
}
.itemPlayer audio {
max-width: 100%;
}
.playerWrapper {
margin-bottom: 16px;
}
/*Fim Trechos singles*/
@media screen and (max-width:1600px) {
#todoMenu ul li a {
font-size: 76px;
line-height: 20px;
margin-bottom: 96px;
}
#todoMenu > ul {
padding-top: 150px;
}
}
.logoBranco .logoSigla svg path {
fill: #fff;
}
.logoBranco .todoMenu svg rect {
fill: #fff;
}
.logoBranco .todoMenu svg path {
fill: #040404;
}
.topo-menu.fixed {
max-width: 96%;
}
@media screen and (max-width: 1180px) {
#todoMenu > ul {
padding-top: 0;
padding-left: 0;
}
.topoGeral {
}
.logo-central h1 {
font-size: 40px;
line-height: 56px;
}
.logoSigla svg {
width: 142px;
}
#todoMenu ul li a {
font-size: 64px;
margin-bottom: 48px;
line-height: 64px;
}
}
body.menuAtivo {
overflow-y: hidden;
}
iframe {
width: 100%;
}
/*PROVISÓRIO NEW ARTIST*/
#newArtist{
font-size: 62.5%;
}
#newArtist #topo_principal{
min-height: 100vh;
width: 100%;
position: relative;
top: -1.1rem;
}
#newArtist #topo_principal .videoContainer{
position: absolute;
left: 0px;
top:0px;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
#myVideo {
width: 100%;
height: 100%;
object-fit: cover;
scale: 1.5;
}
#newArtist #topo_principal .container-principal{
width: calc(100% - 12.8rem);
margin-left: auto;
margin-right: auto;
}
#newArtist .overlay{
background: #040404;
width: 100%;
height: 100%;
left: 0;
top:0;
position: absolute;
z-index: 2;
opacity: 0.84;
}
#newArtist .noise{
background-image: url("../images/img-noise.png");
background-size: cover;
width: 100%;
height: 100%;
left: 0;
top:0;
position: absolute;
z-index: 3;
}
#newArtist .todoBanner{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 4.8rem;
}
#newArtist .menuBanner{
position:relative;
z-index:5
}
#newArtist .logo{
max-width:19.5rem
}
#newArtist .logo img{
width: 100%;
}
#newArtist .todoMenu {
display: flex;
justify-content: space-between;
padding: 2.4rem 0px;
align-items: center;
}
#newArtist .todoMenu .menu ul {
display: flex;
gap: 5.6rem;
}
#newArtist .todoMenu .menu ul li a{
text-decoration: none;
color:#ffffff;
font-size: 2.4rem;
line-height: 3.2rem;
font-weight: 600;
position: relative;
}
#newArtist .todoMenu .menu ul li:hover a:before{
width: 100%;
}
#newArtist .todoMenu .menu ul li a:before{
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
-moz-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
content: "";
position: absolute;
height: 2px;
width: 0;
bottom: -5px;
background: #fff;
left: 0;
}
#newArtist .conteudo-banner .text-init p{
color: #ffffff;
font-size: 2.4rem;
font-weight: 200;
line-height: 2.4rem;
letter-spacing: 0.6em;
text-align: center;
}
#newArtist .conteudo-banner .text-nome h1{
font-size: 12.4rem;
font-style: italic;
font-weight: 900;
text-align: center;
margin-top: 8px;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
line-height: 12.4rem;
text-transform: uppercase;
}
#newArtist .conteudo-banner .btns-actions{
margin-top: 4.8rem;
}
#newArtist .btn{
text-align: center;
}
#newArtist .btn a{
min-width: 22.2rem;
height: 7.2rem;
padding: 1.6rem 2.4rem;
border-radius: 4.8rem;
display: inline-flex;
font-size: 2rem;
font-weight: 600;
line-height: 2.4rem;
text-align: center;
justify-content: center;
align-items: center;
color: #ffffff;
transition: all ease-in 300ms;
}
#newArtist .btn a:hover{
opacity: .8;
}
#newArtist .btn a{
padding: 0px 1rem
}
#newArtist .btn svg{
width: 3.6rem;
height: 3.6rem;
margin-left: 1.6rem
}
#shop {
overflow: hidden;
padding: 15.2rem 0;
}
#shop p.msgError{
color:#ffffff;
text-align:left;
}
.btnAlgo svg * {
fill: #5F5F5F;
}
.btnAlgo svg {
width: 5.4rem;
height: 2.4rem;
}
.btnAlgo {
position: fixed;
right: 2rem;
bottom: 24rem;
transform: rotate(-90deg);
z-index: 9;
transform-origin: right;
}
.btnAlgo a {
display: flex;
align-items: center;
width: 18rem;
height: 4rem;
border-radius: 4px 4px 0px 0px;
background: #FFF;
text-decoration: none;
justify-content: center;
}
.btnAlgo a p{
color: #5F5F5F;
font-size: 1.6rem;
font-style: 400;
font-weight: 250;
line-height: 2.4rem; /* 150% */
margin-right: 0.8rem;
}
.main-section h2{
text-align: left;
font-size:9.6rem;
font-weight: 900;
line-height: 9.6rem;
}
.rounded{
border-radius:12.4rem
}
.container-internas{
max-width: 144.0rem;
margin-left: auto;
margin-right: auto;
}
.container-carrossel {
padding-left: calc( (100% - 153rem) / 2 );
margin-left: auto;
margin-right: 0px;
box-sizing: border-box;
}
#shop .itemCard{
width:42.4rem;
margin-right: 2.4rem;
position: relative;
padding-bottom:9.6rem;
}
#shop .slick-track {
display: flex;
}
#shop .slick-slide {
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.itemCard .btbCompar {
position: absolute;
bottom: 0;
}
.itemCard .imagemProd{
overflow:hidden;
position:relative;
}
.itemCard .imagemProd .img{
transition: all ease 300ms;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size:cover;
background-position:center;
overflow:hidden;
}
.itemCard:hover .img{
scale:1.2;
}
.itemCard .square{
padding-top: 100%;
}
.todoCarroselProdutos{
display: flex;
align-items: center;
}
.arrowPrev {
border-radius: 100%;
border: 3px solid #ffffff;
width: 7.2rem;
height: 7.2rem;
align-items: center;
justify-content: center;
cursor: pointer;
flex-basis: 7.2rem;
margin-right: 3.2rem;
display: flex;
min-width: 7.2rem;
position:relative;
top: -8rem;
}
.arrowPrev svg *{
fill:#ffffff;
}
.arrowNext{
position:absolute;
}
.todoCarroselProdutos{
position:relative;
}
.arrowNext {
position: absolute;
right: 14rem;
top: 50%;
z-index: 99;
margin-top: -12rem;
border-radius: 100%;
border: 3px solid #BFBFBF;
width: 7.2rem;
height: 7.2rem;
display:flex;
cursor:pointer;
align-items: center;
justify-content: center;
}
.arrowNext svg * {
fill: #BFBFBF;
}
.itemCard h3 {
color: #FFF;
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
line-height: 3.2rem; /* 133.333% */
text-transform: uppercase;
margin-top: 2.4rem;
}
.price{
color: #FFF;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2rem; /* 100% */
margin-top: 1.6rem;
}
.avista{
font-size:1.4rem;
}
.btbCompar a{
margin-top: 3.6rem;
display: inline-flex;
padding: 2rem 4rem;
align-items: center;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem; /* 120% */
border-width: 3px;
border-style: solid;
border-radius:5.6rem;
cursor:pointer;
text-transform: uppercase;
position: relative;
}
.fakeFundo{
opacity:0;
transition: all ease 300ms;
}
.btbCompar:hover a{
color:#ffffff !important;
}
.btbCompar span{
position:relative;
z-index: 1;
}
.btbCompar:hover .fakeFundo{
opacity:1;
position:absolute;
inset:0;
width: 100%;
height: 100%;
z-index:0;
border-radius:5.6rem;
}
#newArtist #music {
overflow: hidden;
padding: 20.8rem 0;
}
/*
#music .arrowPrev{
border:3px solid #ffffff;
}
#music .arrowPrev svg *{
fill:#ffffff;
}
#music .arrowNext{
border:3px solid #ffffff;
}
#music .arrowNext svg * {
fill:#ffffff;
}
*/
#music .itemCard{
width:31.2rem;
margin-right: 2.4rem;
padding-bottom: 9.6rem;
}
#music .slick-track {
display: flex;
}
#music .slick-slide {
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
#music .desc p {
text-align: left;
color: #FFF;
font-size: 2.0rem;
font-style: normal;
font-weight: 400;
line-height: 2rem; /*100% */
margin-top: .8rem;
}
.verTodos a{
position: relative;
margin-right: 0.8rem;
}
.verTodos svg{
left: 0.8rem;
transition: all ease 200ms;
position: relative;
width: 1.6rem;
}
.verTodos:hover svg{
left: 1.6rem;
}
.container-internas-topo{
max-width: 132rem;
margin-left:auto;
margin-right: auto;
}
#videos{
padding: 8.8rem 0 20.8rem 0;
}
#player > button.plyr__control[data-plyr='play']{
width: 12.8rem;
height:12.8rem;
display:flex;
justify-content: center;
align-items: center;
background:rgba(255,255,255,.4);
}
#player > button.plyr__control[data-plyr='play'] svg{
width:5.8rem;
height:5.8rem;
}
#caixaVideoPlay{
padding-bottom:9.6rem;
}
#videos .itemCard{
width:64.8rem;
margin-right: 2.4rem;
cursor:pointer;
position:relative;
}
#videos .playBtn{
position: absolute;
width: 9.6rem;
height: 9.6rem;
inset: 50%;
z-index: 2;
margin-top: -4.8rem;
margin-left: -4.8rem;
background: rgba(155,155,155,.5);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity:0
}
#videos .itemCard:hover .playBtn{
opacity:1
}
#videos .playBtn svg{
width: 4.2rem;
}
#videos .playBtn svg *{
fill:#ffffff;
}
.p-16x9{
padding-top: 56.25%;
}
#videos .arrowPrev{top:-3rem}
#videos .arrowNext{margin-top:-7.2rem}
#tour{
padding: 20.8rem 0
}
#tour table{
width: 100%;
}
#tour table tr {
display: flex;
justify-content: space-between;
align-items: center;
}
#tour table tr td{
padding:2.4rem 4.8rem
}
#tour table tr td:first-of-type{
padding-left: calc( (144rem - 132rem) /2 )
}
#tour table tr td:last-of-type{
padding-right: calc( (144rem - 132rem) /2 )
}
#tour table tr td .btbCompar a{
margin-top: 0px;
}
td[data-content="spacer"] {
flex-grow: 1;
}
#tour table tr td p strong{
display:block;
text-transform:uppercase;
}
#tour table tr td p{
text-align: left;
}
#artista-photo{
position:relative;
width: 100%;
}
#artista-photo .gradient{
position: absolute;
inset:0;
width: 100%;
height: 100%;
z-index: 2;
}
#artista-photo img{
width: 100%;
position: relative;
z-index: 1;
}
.newsletter .container-internas-topo{
padding: 8.8rem 6rem
}
.newsletter h2{
color: #FFF;
font-size: 6.4rem;
font-style: normal;
font-weight: 900;
line-height: 6.4rem; /* 100% */
text-align: left;
}
.newsletter .chamada p {
color: #FFF;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
text-align:left;
margin-top: 24px;
}
.newsletter .form form{
display:flex;
flex-wrap:wrap;
max-width: 63rem;
}
.newsletter .form .linhaCampo{
flex-basis: 100%;
display: flex;
align-items: center;
}
.newsletter #textEmail{
background:transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 42.4rem;
height: 6.4rem ;
line-height: 6.4rem;
color: #FFF;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
border-radius: 6.4rem;
border: 0.2rem solid #FFF;
box-sizing:border-box;
padding:0rem 1.6rem;
margin-right: 2.4rem;
}
.newsletter .linhaCampo{
position:relative;
}
.IlegalEmail::after {
content: "Digite um email válido";
position: absolute;
top: calc(100% + 1.6rem);
width: 100%;
background: #fff;
height: auto;
text-align: center;
padding: 2rem 1.6rem;
box-sizing: border-box;
z-index: 2;
font-size: 1.6rem;
border-radius:6.4rem;
}
.ErrorForm::after {
content: "Falha ao gravar as informações, recarregue a página e tente novamente.";
position: absolute;
top: calc(100% + 1.6rem);
width: 100%;
background: #fff;
height: auto;
text-align: center;
padding: 2rem 1.6rem;
box-sizing: border-box;
z-index: 2;
font-size: 1.6rem;
border-radius:6.4rem;
}
.SucessoForm::after{
content: "Cadastro Realizado com sucesso";
position: absolute;
top: calc(100% + 1.6rem);
width: 100%;
height: auto;
text-align: center;
padding: 2rem 1.6rem;
box-sizing: border-box;
z-index: 2;
font-size: 1.6rem;
color:#F4FFFF;
background: #44AB5B;
border-radius:6.4rem;
}
.newsletter #textEmail{
outline:none !important;
}
.newsletter input[type='submit']{
height: 6.4rem ;
padding: 2rem 4rem;
box-sizing:border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display:flex;
align-items: center;
justify-content: center;
border-radius: 6.4rem;
border: 0.3rem solid #FFF;
background: #FFF;
color: #FF3434;
font-size: 2rem;
font-style: normal;
font-weight: 600;
cursor: pointer;
transition:all ease-in 300ms;
}
.newsletter input[type='submit']:hover{
opacity: .9;
}
.newsletter .form .linhaCampo p {
margin-top: 2.4rem;
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 2.4rem; /* 150% */
}
footer .menuFooter{
margin-top: 20rem;
}
footer .menuFooter .container-principal {
width: calc(100% - 12.8rem);
margin-left: auto;
margin-right: auto;
}
.menusocialCopy{
display: flex;
width: calc(100% - 12.8rem);
margin-left: auto;
margin-right: auto;
margin-top: 6.4rem;
justify-content: space-between;
align-items: end;
margin-bottom: 9.6rem;
}
.menusocialCopy .menuCopy {
display:flex;
}
.menusocialCopy .menuCopy p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 200;
line-height: 2.4rem;
}
.menusocialCopy .menuCopy p:nth-of-type(2){
margin-left: 2.4rem ;
}
.menusocialCopy .menuCopy p a {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 200;
line-height: 2.4rem;
}
.menusocialCopy .redes-sociais a{
margin-right: 4.8rem;
}
.menusocialCopy .redes-sociais a:last-of-type{
margin-right: 0px;
}
#frmNews.LoadingForm input[type="submit"]{
color: transparent !important;
pointer-events: none !important;
}
#frmNews.LoadingForm .forminfo{
position: relative;
}
#frmNews.LoadingForm .forminfo::after {
background-image: url("../images/loading-news.gif");
position: absolute;
width: 6.4rem;
height: 100%;
background-size: 100%;
z-index: 9;
background-position: center;
background-repeat: no-repeat;
right: 6.4rem;
top: 0;
content: "";
}
/*ESTILOS PADRÃO - TAILWIND SLTYLE*/
::placeholder {
opacity:1;
}
.flex{
display:flex;
}
.items-center{
align-items: center;
}
.justify-content-between{
justify-content:space-between;
}
.mb-px-64{
margin-bottom: 6.4rem;
}
.color-white{
color:#ffffff;
}
.group-sections{
overflow:hidden;
}
.newsletter{
margin-top: 33.1rem;
}
.page-politica{
padding-top: 204px;
padding-bottom:128px
}
.page-politica h1{
font-family: 'Haettenschweiler';
}
.page-politica h2{
color: #171717;
font-family: 'Haettenschweiler' !important;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: .25px;
margin: 24px 0px;
text-transform:uppercase;
}
.page-politica p{
font-size: 18px;
}
.page-politica *{
color:#040404;
text-align:left;
}
.frmtDateMob{
display:none;
}
.frmtDateDesk{
display:flex;
}
/**ESTILOS RESPONSIVO*/
@media only screen and (max-width: 1500px) {
#newArtist {
font-size: 50%;
}
}
@media only screen and (max-width: 1300px) {
#newArtist {
font-size: 50%;
}
}
/*Estilos Tablet*/
@media only screen and (max-width: 1130px) {
#newArtist {
font-size: 50%;
}
#newArtist #topo_principal{
height: auto;
}
#newArtist .logo {
max-width: 16rem;
}
.menuBanner .menu{
display: none;
}
#newArtist #topo_principal .container-principal {
width: calc(100% - 2.4rem);
}
#newArtist .todoBanner {
position: relative;
min-height: 100vh;
margin-top: 0px;
}
#newArtist .conteudo-banner .text-nome h1 {
font-size: 9.6rem;
line-height: 9.6rem;
}
.todoMenu {
cursor: inherit;
}
.main-section h2 {
font-size: 7.2rem;
line-height: 7.2rem;
}
.container-internas-topo{
padding: 0px 1.6rem;
}
.rounded {
border-radius: 6.4rem;
}
#newArtist #music{
padding: 15.2rem 0;
}
#videos {
padding:0rem 0 15.2rem 0;
}
#tour {
padding: 15.2rem 0;
}
.newsletter .flex{
flex-wrap:wrap;
}
.newsletter .form .linhaCampo {
flex-wrap: wrap;
}
#tour table tr td {
padding: 1.6rem;
}
#tour table tr td:first-of-type {
padding-left: 1.6rem;
}
.frmtDateMob{
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.frmtDateMob span{
display:flex;
flex-basis:100%;
justify-content: center;
font-weight:900;
text-transform:uppercase;
font-size: 1.6rem;
line-height:1.6rem
}
.frmtDateMob span:first-of-type{
font-size: 2.4rem;
margin-bottom: 0.4rem;
}
.frmtDateDesk{
display:none;
}
#tour table tr td:last-of-type {
padding-right: 1.6rem;
}
.newsletter .form form {
max-width: 100%;
}
#tabela-tours .btbCompar a{
font-size:1.6rem;
padding:.8rem 2.4rem;
}
#tabela-tours .btbCompar:hover .fakeFundo {
opacity: 0;
}
#tabela-tours .btbCompar:hover{
border-color:#ffffff !important;
}
#tabela-tours td:first-of-type {
max-width: 1.6rem;
}
.newsletter {
margin-top: 10.9rem;
padding: 0px 1.6rem;
}
.newsletter .form{
margin-top: 4rem;
}
.newsletter .container-internas-topo {
padding: 6.8rem 2.4rem;
}
#newArtist .menuFooter .todoMenu{
flex-wrap:wrap;
justify-content: center;
}
#newArtist .menuFooter .logo{
margin-bottom: 6.4rem;
}
#newArtist .menuFooter .menu {
flex-basis: 100%;
}
#newArtist .menuFooter .todoMenu .menu ul{
justify-content: center;
gap: 3.2rem;
flex-wrap: wrap;
}
footer .menuFooter .container-principal {
width: 100%;
}
.menusocialCopy{
flex-wrap:wrap;
margin-top: 4rem;
width: 100%;
}
.menusocialCopy .redes-sociais {
order: 1;
flex-basis: 100%;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.menusocialCopy .redes-sociais a {
margin-bottom: 2.4rem;
margin-right: 3rem;
}
.menusocialCopy .menuCopy{
order: 2;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.menusocialCopy .menuCopy p:nth-of-type(2){
order:1;
margin-top: 9.6rem;
flex-basis:100%;
display:flex;
justify-content: center;
margin-left: 0px;
}
.menusocialCopy .menuCopy p:nth-of-type(1){
order:2;
flex-basis:100%;
display:flex;
justify-content: center;
margin-top: 1.6rem;
}
}
@media only screen and (max-width: 920px) {
.arrowPrev, .arrowNext{
display:none !important;
}
.swiftCar{
padding:0px 1.6rem;
}
#shop .itemCard {
width: 31.2rem;
}
.videoFrame.container-internas-topo{
padding:0px;
}
#player > button.plyr__control[data-plyr="play"] {
width: 7.2rem;
height: 7.2rem;
}
#videos .mb-px-64{
margin-bottom: 4.8rem;
}
#caixaVideoPlay {
padding-bottom: 4.8rem;
}
#videos .itemCard {
width: 31.2rem;
}
#videos .playBtn {
position: absolute;
width: 4.8rem;
height: 4.8rem;
inset: inherit;
z-index: 2;
margin-top: -4.6rem;
margin-left: -3.6rem;
background: rgba(155,155,155,.5);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
top: 50%;
left: 50%;
}
#videos .playBtn svg {
width: 2.2rem;
height: 2.2rem;
}
.newsletter h2 {
font-size: 4.8rem;
line-height: 5.6rem;
}
.newsletter .chamada p{
font-size: 2rem;
line-height: 2.8rem;
margin-top: 1.6rem;
}
.newsletter #textEmail{
flex-basis:100%;
max-width: 56rem;
margin-right: 0px;
}
.newsletter input[type="submit"]{
margin-top:1.6rem ;
}
#newArtist * {
font-family: Roboto Condensed, sans-serif !important;
}
.newsletter .form .linhaCampo p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 580px) {
.main-section .flex{
flex-wrap:wrap;
}
.verTodos{
flex-basis:100%;
text-align: left;
}
.newsletter #textEmail {
width: 100%;
}
}
@media only screen and (max-width: 520px) {
.newsletter input[type="submit"] {
flex-basis:100%;
width: 100%;
}
}
@media only screen and (max-width: 460px) {
#newArtist .conteudo-banner .text-nome h1 {
font-size: 7.6rem;
line-height: 7.6rem;
}
#newArtist .btn a {
font-size: 1.8rem;
}
#newArtist .btn svg {
width: 2.6rem;
height: 2.6rem;
margin-left: 1.2rem;
}
.itemCard .btbCompar {
position: relative;
bottom: 0;
}
#shop .itemCard, #music .itemCard{
padding-bottom: 0px;
}
}
@media only screen and (max-width: 360px) {
#tour table tr {
flex-wrap: wrap
}
}
.menuLoja {
margin-right: 1.2rem;
font-family: Haettenschweiler;
color: #040404;
font-size: 38px;
text-transform: uppercase;
}
.logoBranco .menuLoja{
color: #ffffff;
}
@media only screen and (max-width: 420px) {
.menuLoja {
font-size: 28px;
}
}