body {
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
	padding: 0px;
    margin: 0px;
}

@media screen and (max-width: 600px) {
  .desktop {
    display: none;
  }
}

.a-show-on-hover-parentleft .tooltip {
  background: #1496bb;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -25px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.a-show-on-hover-parentleft .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.a-show-on-hover-parentleft .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
  
.a-show-on-hover-parentleft:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .a-show-on-hover-parentleft .tooltip {
  display: none;
}

.lte8 .a-show-on-hover-parentleft:hover .tooltip {
  display: block;
}



h1 {
    padding-top:0px;
    padding-bottom: 30px;
    line-height: 80px;
    font-size: 80px;
    text-align: center;
    margin: 0px;
}
#headerchartsbr {
	width: 70%;
	margin: 0 auto;
}
#chartsbrasil {
	width: 70%;
	margin: 0 auto;	
}
#chartscompletobr {
	background-color:#edebeb;
	padding: 32px 0px 120px 0px;
}
.lrv-a-crop-1x1 img {
    object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.lrv-a-crop-2x2 img {
    object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.lrv-u-align-items-center {
    border-bottom: .188rem solid;
    border-top: 6px solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.lrv-u-flex {
    display: flex;
    width: 50%;
    justify-content: center;
}
.charts-title-all {
	width: 25%;
}
.a-chart-o-nav-right {
    width: 25%;
    text-align: right;
}
.a-show-on-hover-parentleft {
    margin-left: 15px;
}
.c-span {
    text-transform: uppercase;
	font-size: 0.9375rem;
    line-height: 1.5625rem;
	font-weight: 900;
	letter-spacing: .08rem;
}
.c-span a {
	text-decoration: none;
	color:#1a48c4;
}
.c-span a::before {
    margin-right: .5rem;
    content: "\276E";
	color: #000;
}
.charts-top-featured-alt {
	display: flex;
	max-width: 80%;
	margin: 30px auto;
	grid-gap: 2.5rem;
}
.boldchart1 {
    font-size: 5.4375rem;
    font-weight: 900;
    padding-right: 1.5rem;
    margin-top: -1.25rem;
}
.lrv-u-flexdestaque {
    display: flex;
}
.titlemusica1 {
	color: #101119;
	font-size:27px;
	font-weight: 900;
    line-height: 1.875rem;
    letter-spacing: 0.03375rem;
	margin: 5px 0px 0px 0px;
}
.tagline1 {
    margin: 0px;
    padding-top: .25rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0.03375rem;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

 /* Basic styling for the tabs */
        .tab-container {
            display: flex;
            flex-direction: column;
			padding-top: 16px;
			border-top: 1px solid #ccc;
            width: 360px;
        }

        .tab-buttons {
            display: flex;
        }

        .tab-buttons button {
			background: transparent;
            cursor: pointer;
            outline: none;
			padding: 0px;
			border: 0;
			text-transform: uppercase;
			font-size: 12px;
    		line-height: 1.125rem;
   			letter-spacing: 0.05125rem;
			font-weight: 900;
			margin-right: 20px;
			font-family: "neue-haas-grotesk-display", Arial, sans-serif;
			color:#8289a1;
    		border-bottom:6px solid #fff;
        }

        .tab-buttons button.active {
            border-bottom: 6px solid #1a48c4;
			color:#1a48c4;
        }

        .tab-content {
            display: none;
            padding: 20px;
            border-top: none;
        }

        .tab-content.active {
            display: block;
        }

.lrv-u-flex-shrink-33 {
    width: 33.33%;
}
.o-chart-stats {
	display: flex;
	text-align: center;
}
.c-tagline2 {
	font-size: 12px;
    line-height: 14px;
	font-weight: 900;
}
.c-label1 {
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 0.05rem;
	font-weight: 900;
}
.o-card1 {
	display: flex;
}
.c-lazy-imagenoticia {
	max-width: 100px;
	margin-right: 20px;
}
.o-cardcontent {
	    font-size: 1.0625rem;
    line-height: 1.4375rem;
    letter-spacing: 0.03375rem;
}
.o-cardcontent a {
    color: #000;
    text-decoration: none;
}
.o-cardcontent a:hover {
    color:#1a48c4;
    text-decoration: none;
}
.titulocharts {
    display: flex;
    justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
}
.titulocharts h2 {
    font-size: 1.875rem;
    padding-right: 1rem;
    margin: 0px;
}
.lrv-u-flex-grow-1::after {
    height: 0.875rem;
	content: "";
    width: 100%;
	background: #fff;
}
.lrv-u-flex-grow-1 {
    display: inline-flex;
    flex-grow: 1;
}
.a-heading-border {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.c-taglinedata {
	letter-spacing: .106rem;
	text-transform: uppercase;
	padding-left: .75rem;
	line-height: 1.5;
	font-size: 0.875rem;
	font-weight: 600;
	margin: 0px;
}
.a-heading-border>* {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.chart-results-list-header {
    display: flex;
    background-color: #1a48c4;
    position: relative;
    padding: 15px 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.71875rem;
    font-weight: 600;
	text-align: center;
}
.u-width-100 {
    width:11%;
}
.u-width-72 {
    width:9%;
}
.u-z-index-4 {
    z-index: 4;
    align-items: center;
}
.u-width-62 {
    width:62%;
}
.o-chart-results-list-row-container1 {
	display: flex;
	align-items: center;
}
.o-chart-results-list-row-containerall {
	display: flex;
	align-items: center;
}
.numbers {
	background: #000;
	color:#fff;
	letter-spacing: .08rem;
	font-size:32px;
	font-weight: 900;
	text-align: center;
}
.numbers2 {
	background: #000;
	color:#fff;
	letter-spacing: .08rem;
	font-size:32px;
	font-weight: 900;
	text-align: center;
	border-top: 1px solid #8289a1;
}
.u-height-200 {
    height: 12.5rem;
    align-items: center;
    justify-content: center;
    display: flex;
}
.u-height-100 {
    height: 6.25rem;
	align-items: center;
    justify-content: center;
    display: flex;
}
.numeroscharts {
	color:#000;
	letter-spacing: .08rem;
	font-size:32px;
	font-weight: 900;
	text-align: center;
	border-top: 1px solid #ccc;
}
.numeroscharts2 {
	color:#000;
	letter-spacing: .08rem;
	font-size:18px;
	font-weight:500;
	text-align: center;
	border-top: 1px solid #ccc;
}
.musicascharts {
    justify-content: flex-start;
}
.backwhite {
	background-color: #fff;
}
.u-width-19 {
	width:19%;
}
.u-width-10 {
	width:10%;
}
.u-width-6 {
	width:6%;
}
.u-width-37 {
	width:37%;
}
.u-width-46 {
	width:46%;
}
.musicascharts h3 {
	font-size: 23px;
	margin: 0px;
}
.musicascharts p {
	font-size: 20px;
	letter-spacing: .021rem;
	margin: 0px;
}
.musicaschartsall h4 {
	font-size:18px;
	margin: 0px;
}
.musicaschartsall p {
	font-size:15px;
	margin: 0px;
	letter-spacing: .021rem;
}
.musicaschartsall {
    justify-content: flex-start;
	border-top: 1px solid #ccc;
}