@charset "UTF-8"; /*!
Theme Name: InfoMoney
Theme URI: http://underscores.me/
Author: TI InfoMoney 2021
Author URI: https://infomoney.com.br
Description: InfoMoney Theme 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infomoney
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}
.fab,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-flipboard:before {
    content: "\f44d";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-linkedin:before {
    content: "\f08c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-telegram-plane:before {
    content: "\f3fe";
}
.fa-pinterest:before {
    content: "\f231";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-caret-down:before {
    content: "\f0d7";
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    src: local("Font Awesome 5 Brands"), local("Font-Awesome"), url(assets/fontawesome/fa-brands-400.woff) format("woff");
    font-display: swap;
}
.fab {
    font-family: "Font Awesome 5 Brands";
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: local("Font Awesome 5 Brands"), local("Font-Awesome"), url(assets/fontawesome/fa-solid-900.woff) format("woff");
    font-display: swap;
}
.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
:root {
    --sapphire: #0091ff;
    --apatite: #32c5ff;
    --ruby: #ff5252;
    --xpamber: #f7b500;
    --gray: #6c757d;
    --amazonite: #44d7b6;
    --lightgray: #f5f7f8;
    --darkgray: #212121;
    --gray: #6c757d;
    --gray24: rgba(108, 117, 125, 0.24);
    --blue: #0091ff;
    --lightblue: #32c5ff;
    --yellow: #ffc709;
    --red: #ff5252;
    --emerald: #1eb980;
    --white: #ffffff;
}
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}
* {
    letter-spacing: normal !important;
}
html {
    scroll-behavior: smooth;
}
body {
/*    font-family: "Helvetica Neue", "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
    color: #000;*/
}
body.is-padded {
    padding-top: 60px;
}
a {
    color: var(--sapphire);
}
a:hover {
    text-decoration: none;
}
button:focus {
    outline: 0;
}
h1 {
    letter-spacing: -0.02em !important;
}
p {
   /* font-weight: 400 !important;*/
}
.quotes-header-info div.line-info p {
    font-weight: 700 !important;
}
.href-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.3px;
    padding: 16px 0 0 0;
    margin: 16px 0 0 0;
    display: flex;
    border-top: 1px solid #d8d8d8;
}
.href-title span {
    margin: 0 4px 0 0;
}
.href-title strong {
    margin: 0 8px 0 0;
}
.page-title {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1.4px;
    font-weight: 400;
}
.page-title span {
    font-weight: 800;
}
.page-title-1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin: 0 0 24px 0;
    color: var(--darkgray);
}
.page-title-2 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1.4px;
    font-weight: 800;
}
.page-title-2 span {
    font-weight: 400;
}
.page-title-3 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1.4px;
    font-weight: 800;
}
.section-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.4px;
    padding: 20px 0 32px 0;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    position: relative;
    font-weight: 700;
    color: #444;
}
.page-header {
    margin: 0 16px 24px 16px;
    padding: 0 0 20px 0;
    flex-basis: calc(100% - 32px);
}
.hl-hat {
    display: block;
    font-size: 0.875rem;
    font-weight: 400 !important;
    line-height: 16px;
    margin-bottom: 4px;
    color: #666;
    width: 100%;
}
.hl-hat a {
    font-weight: 700;
}
.post-hat {
    margin-bottom: 16px;
    color: var(--gray);
    display: block;
}
.post-hat a {
    font-weight: 700;
}
.hl-title {
    display: block;
}
.hl-title a {
    color: #000;
}
.hl-title a:hover {
    color: var(--blue);
}
.hl-excerpt {
    margin: 16px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
    font-weight: 400;
    display: block;
}
.hl-excerpt a {
    color: #212121;
}
.sticky-top {
    top: 0.5em;
}
.hl-title-category {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.01em !important;
    font-weight: 700;
}
.hl-title-category a {
    color: #000;
    letter-spacing: -0.01em !important;
}
.hl-title-category-2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.hl-title-category-2 a {
    color: #000;
}
.hl-description {
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0 0;
    color: #212121;
}
.hl-title-1 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.hl-title-2 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.01em !important;
    font-weight: 700;
}
.hl-title-2 a {
    color: #000;
    letter-spacing: -0.01em !important;
}
.hl-title-3 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.01em !important;
    font-weight: 700;
}
.hl-title-3 a {
    color: #111;
    letter-spacing: -0.01em !important;
}
.hl-title-4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.hl-title-4 a {
    color: #111;
}
.hl-title-5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.hl-title-5 a {
    color: #111;
}
.hl-title-6 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.hl-title-7 {
    font-size: 1rem !important;
    line-height: 18px;
    letter-spacing: -0.3px;
    font-weight: 700;
    display: flex;
}
.hl-title-7 i {
    font-size: 16px;
    color: #0091ff;
    margin: 0 4px 0 0;
}
.hl-title-7 a {
    color: #111;
}
.hl-title-8 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: -0.1px;
    color: #111;
    display: flex;
}
.hl-title-8 span {
    margin: 0 12px 0 0;
}
.hl-title-8 i {
    font-size: 16px;
    color: #0091ff;
    margin: 0 4px 0 0;
}
.hl-date {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 8px;
    color: var(--gray);
}
.article-lead {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.6px;
    font-weight: 400;
    margin: 0 0 32px 0;
}
.article-terms span {
    font-size: 14px;
    font-weight: 700;
    color: var(--gray);
    line-height: 1;
    margin: 16px 0 0 0;
}
.article-terms ul {
    margin: 10px 0 0 0;
}
.article-terms ul li {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}
.article-terms a {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
}
.sticky-tags {
    position: sticky;
    top: 100px;
}
.sticky-tags span {
    font-size: 12px;
    line-height: 20px;
    display: flex;
    color: var(--gray);
    align-items: center;
}
.sticky-tags span i {
    font-size: 16px;
    margin-right: 4px;
}
.post-share {
    display: flex;
}
.post-share i.share-icon {
    font-size: 24px;
    transform: scaleX(-1);
    margin: 0 8px 0 -32px;
    color: var(--gray);
}
.post-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-decoration: none;
}
.post-share a + a {
    margin-left: 4px;
}
.post-share .post-share-facebook {
    background-color: #3b5999;
}
.post-share .post-share-whatsapp {
    background-color: #25d366;
}
.post-share .post-share-twitter {
    background-color: #55acee;
}
.post-share .post-share-linkedin {
    background-color: #0077b5;
}
.post-share .post-share-telegram {
    background-color: #08c;
}
.post-share .post-share-flipboard {
    background-color: #e12828;
}
.post-share .post-share-mail {
    background-color: #0091ff;
}
.brand-image {
    max-height: 48px;
    padding: 0 0 0 8px;
}
.article-content img {
    max-width: 100%;
    height: auto;
}
.article-content figure {
    max-width: calc(100% + 32px);
    margin: 0 -16px 48px -16px;
    width: calc(100% + 32px);
}
.article-content figure img {
    height: auto;
}
.article-content figure figcaption {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 16px 16px 0;
    color: #6c757d;
}
.article-content p iframe {
    width: 100%;
}
.article-content p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #333;
    margin-bottom: 32px;
}
.article-content p strong {
    font-weight: 700;
}
.article-content table {
    table-layout: fixed;
    width: 100%;
}
.article-content table tr td {
    overflow: hidden;
}
.article-content #comments .fb-comments iframe {
    width: 100% !important;
}
.article-content a {
    font-weight: 600;
}
.article-content blockquote {
    border-left: 4px solid #ddd;
    padding: 0 0 16px 32px;
}
.article-content blockquote:before {
    content: "format_quote";
    font-family: "Material Icons";
    font-size: 48px;
    margin: 0 0 0 -7px;
    height: 48px;
    display: flex;
    align-items: center;
}
.article-content blockquote p {
    font-family: "Helvetica Neue", "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #333;
    margin: 0;
}
.article-content blockquote cite {
    font-family: "Helvetica Neue", "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #666;
    font-style: normal;
}
.article-content blockquote cite:before {
    content: "- ";
}
.article-content h3.content-title-quotes {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
    margin: 16px 0 0 0;
}
.article-content table.content-table-quotes td {
    font-weight: 700;
}
.article-content ul {
    padding: 0 0 0 20px;
    margin: 0 0 32px 0;
}
.article-content ul li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin: 16px 0;
}
.article-content ul li a {
    font-weight: 700;
}
.article-content .schema-faq-question,
.article-content h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #111;
    margin: 52px 0 32px 0;
}
.article-content strong {
    font-weight: 700;
}
.disclaimer {
    background-color: #f5f7f8;
    padding: 32px !important;
    margin: 0 auto 40px auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #212121;
    font-weight: 400;
}
.header-brand {
    display: block;
    margin-top: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1 !important;
}
.header-brand .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-brand h1 {
    font-size: 48px;
    letter-spacing: -0.03em;
    font-weight: 700;
    line-height: 1 !important;
}
.header-brand h2 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1.4px;
    color: #000;
    font-weight: 800;
    margin: 0;
    line-height: 1 !important;
}
.header-brand .brand-image {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
}
.header-brand .brand-image div {
    margin: 0 16px 0 0;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
}
.header-brand .brand-image img {
    width: auto;
    max-width: 180px;
    height: auto;
    max-height: 24px;
}
.brand-menu {
    font-size: 16px;
    font-weight: 400;
    line-height: 1 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.brand-menu a {
    color: #000;
}
.brand-menu a:hover {
    text-decoration: underline;
}
.brand-menu span:first-child {
    display: none;
}
.hat-and-brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}
.hat-and-brand .post-hat {
    margin: 0;
}
.hat-and-brand .post-brand span {
    margin: 0 16px 0 0;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    color: #6c757d;
}
.hat-and-brand .post-brand a img {
    max-width: 140px;
    width: auto;
    height: auto;
}
.social-orbs {
    display: flex;
}
.social-orbs a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-decoration: none;
}
.social-orbs .orb-facebook {
    background: #3b5999;
}
.social-orbs .orb-twitter {
    background: #55acee;
}
.social-orbs .orb-flipboard {
    background: #e1282f;
}
.social-orbs .orb-google {
    background: #4285f4;
}
.social-orbs .orb-whatsapp {
    background: #25d366;
}
.social-orbs .orb-rss {
    background: #f26522;
}
.social-orbs a + a {
    margin-left: 4px;
}
.info-spotlight {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 32px 32px 32px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 60%);
    top: 0;
    z-index: 1;
}
.info-spotlight span,
.info-spotlight span a {
    color: #fff;
}
.cover-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    z-index: 100;
}
.image-scale-hover img {
    transition: all 0.4s ease-in-out;
}
.image-scale-hover:hover img {
    transform: translate(-50%, -50%) scale(1.2);
}
.info-no-image .hl-title {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5px;
    font-weight: 800;
}
.list-share {
    display: flex;
    align-items: center;
    margin: 0 0 0 16px;
}
.list-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-decoration: none;
    margin: 0 4px 0 0;
}
.list-share a:last-child {
    margin: 0;
}
.list-share a.twitter {
    background: #55acee;
}
.list-share a.telegram {
    background: #08c;
    padding: 0 2px 0 0;
}
.list-share a.whatsapp {
    background: #25d366;
}
.posted-diff {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    font-weight: 400;
}
.author-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.author-thumbnail .blue-border {
    background-color: #0091ff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 50%;
}
.author-thumbnail .white-border {
    background-color: #fff;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
}
.author-thumbnail .img-author {
    background-color: #fff;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.author-thumbnail .img-author img {
    width: auto;
    height: 100%;
}
.article-author .author-image-container {
    width: 44px;
    margin: 0 8px 0 0;
}
.article-author .author-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.article-author .author-info-container span.author-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.article-author .author-info-container span.author-name a {
    font-weight: 700;
}
.article-author .author-info-container span.author-name img {
    max-height: 26px;
    width: auto;
}
.article-author .author-info-container span.article-date {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--gray);
}
.article-author .author.vcard a {
    font-weight: 700;
}
.article-date .posted-on {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray);
}
.item .article-author .author-info-container .author-name {
    font-size: 14px;
}
.item .article-author .author-image-container {
    margin: 0 8px 0 0;
}
.ct-series-a .ct-line {
    stroke: #0091ff !important;
    stroke-width: 2px !important;
}
.ct-series-a .ct-area {
    fill: #0091ff !important;
}
.ct-bar.ct-threshold-above,
.ct-line.ct-threshold-above,
.ct-point.ct-threshold-above {
    stroke: #1eb980 !important;
}
.ct-bar.ct-threshold-below,
.ct-line.ct-threshold-below,
.ct-point.ct-threshold-below {
    stroke: #ff5252 !important;
}
.ct-area.ct-threshold-above {
    fill: #59922b !important;
}
.ct-area.ct-threshold-below {
    fill: #ff5252 !important;
}
.ct-label {
    font-size: 9px !important;
    color: #666 !important;
}
div.ui-datepicker {
    width: auto;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace .pace-progress {
    background: #0091ff;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
.pace-inactive {
    display: none;
}
.widget-header {
    margin: 0 0 32px 0;
    display: flex;
    flex-wrap: wrap;
}
.widget-header span.divisor {
    height: 1px;
    width: 100%;
    background-color: #ddd;
}
.widget-header h2 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.4px;
    font-weight: 700;
    color: #444;
    margin: 20px 0 0 0;
}
.widget-header a {
    display: flex;
}
.widget-header a i {
    line-height: 24px;
    color: var(--blue);
    cursor: pointer;
    margin: 20px 0 0 8px;
    font-size: 18px;
}
.widget-header a:hover h2 {
    color: var(--blue);
}
div.container-normal-blocks {
    padding-left: 0;
}
.category .container-normal-blocks {
    padding-left: 16px;
}
.category .container-normal-blocks .widget-ticker-highlow {
    padding: 0;
}
.border-t {
    border-top: 1px solid #ddd;
}
.border-b {
    border-bottom: 1px solid #ddd;
}
.border-c {
    border-bottom: 1px solid #a8a8a8;
}
.fill-lightgray {
    background: var(--lightgray);
}
.fill-lightwhite {
    background: var(--white);
}
.border-t-mobile {
    border-top: 0;
}
table td.positive {
    color: #1eb980;
}
table td.negative {
    color: #ff5252;
}
table p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.6px;
    margin-bottom: 32px;
    color: #333;
    font-weight: 400;
}
table p:nth-last-child(2) {
    margin-bottom: 0;
}
div.first-line {
    padding: 0;
    margin: 0 16px;
    flex-basis: calc(100% - 32px);
}
div.first-line span.value {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.48px;
}
div.first-line span.initials {
    font-weight: 400;
    color: #6c757d;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 8px;
}
div.first-line span.percentage {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #1eb980;
    margin: 0 0 0 8px;
}
div.first-line span.percentage.negative {
    color: #fa3a3a;
}
div.first-line span.updated-at {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #6c757d;
    margin: 0 0 0 8px;
}
div.first-line em {
    font-style: initial;
}
button.btn-load-more {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    padding: 12px 24px;
    display: table;
    border: 1px solid #0091ff;
    margin: 48px auto 48px auto;
    font-weight: 700;
    background: 0 0;
    color: #0091ff;
    cursor: pointer;
}
img.img-load-more {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    display: none;
}
.img-container {
    width: 100%;
    align-self: flex-start;
}
.img-container figure {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin: 0;
}
.img-container figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
}
.img-container-patrocinados figure {
    padding: 40px;
}
.img-container-patrocinados figure img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 65px;
    margin: 0 auto;
    display: block;
}
.img-container-patrocinados:hover + div .hl-title a,
.img-container:hover + div .hl-title a {
    color: var(--sapphire);
}
ol.summary {
    background-color: #f5f7f8;
    padding: 32px 32px 32px 48px;
}
ol.summary:before {
    content: "Nesta página";
    margin: 0 0 16px -16px;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.8px;
}
.container-article-table,
.container-default-table {
    overflow-x: auto;
    width: 100%;
}
.container-article-table table,
.container-default-table table {
    width: initial !important;
    margin: 0 5px 10px 0;
    display: inline-table;
}
.container-default-table::-webkit-scrollbar {
    display: none;
}
.article-content table,
table.default-table {
    min-width: calc(100% - 32px) !important;
}
.article-content table thead,
table.default-table thead {
    border-bottom: 1px solid var(--gray);
}
.article-content table thead th,
table.default-table thead th {
    font-weight: 400;
    font-size: 10px;
    line-height: 22px;
    padding: 8px 5px;
    color: var(--gray);
    text-transform: uppercase;
    text-align: right;
}
.article-content table thead th:first-child,
table.default-table thead th:first-child {
    text-align: left;
}
.article-content table thead th.sorting,
table.default-table thead th.sorting {
    background-image: none;
}
.article-content table thead .sorting_asc,
.article-content table thead .sorting_desc,
table.default-table thead .sorting_asc,
table.default-table thead .sorting_desc {
    background-position: bottom right;
}
.article-content table tbody tr,
table.default-table tbody tr {
    background-color: transparent;
}
.article-content table tbody tr:hover,
table.default-table tbody tr:hover {
    background-color: #f5f7f8;
}
.article-content table tbody td,
table.default-table tbody td {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: var(--darkgray);
    padding: 8px 5px;
    text-align: right;
    border-bottom: 1px solid rgba(108, 117, 125, 0.24);
}
.article-content table tbody td a,
table.default-table tbody td a {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.3px;
    font-weight: 700;
    color: #0091ff;
    margin: 0;
}
.article-content table tbody td:first-child,
table.default-table tbody td:first-child {
    text-align: left;
}
.article-content table tbody td.strong,
table.default-table tbody td.strong {
    font-weight: 600;
}
.article-content table tbody td.dual,
table.default-table tbody td.dual {
    display: flex;
    flex-direction: column;
}
.article-content table tbody td.dual span:nth-child(2),
table.default-table tbody td.dual span:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
    color: #6c757d;
}
.article-content table tbody td.positive,
table.default-table tbody td.positive {
    color: #1eb980;
}
.article-content table tbody td.negative,
table.default-table tbody td.negative {
    color: #ff5252;
}
.article-content table tbody td.negative,
.article-content table tbody td.positive,
table.default-table tbody td.negative,
table.default-table tbody td.positive {
    font-weight: 600;
}
.table-subtitle {
    font-size: 12px;
}
.posted-diff {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    font-weight: 400;
}
.down-app {
    display: flex;
    flex-wrap: wrap;
}
.down-app h6 {
    flex-basis: 100%;
}
.down-app a img {
    height: 40px;
    width: auto;
}
.down-app a + a {
    margin-left: 20px;
}
button.export_data_table {
    display: flex;
    border: none;
    background: 0 0;
    float: right;
    cursor: pointer;
}
button.export_data_table i {
    margin: 0 7px 0 0;
}
button.export_data_table i,
button.export_data_table span {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.3px;
    font-weight: 600;
    color: #0091ff;
}
button.default-btn-ok {
    background-color: #0091ff;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}
button.default-btn-cancel {
    background: 0 0;
    border: none;
    font-weight: 600;
    cursor: pointer;
}
@supports (-ms-ime-align: auto) {
    .material-icons {
        font-feature-settings: "liga" 1;
    }
}
@media screen and (max-width: 991px) {
    body.is-padded-mobile {
        padding-top: 48px;
    }
    .page-title-1 {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -1.2px;
    }
    .page-header {
        margin: 0 16px 24px 16px;
        padding: 0 0 24px 0;
    }
    .page-header .page-title-2 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -0.7px;
    }
    .hl-title-2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.6px;
    }
    .section-title {
        font-size: 20px;
        letter-spacing: -0.33px;
    }
    .article-lead {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.3px;
        margin: 0 0 16px 0;
    }
    .article-terms span {
        font-size: 24px;
        font-weight: 900;
        margin: 24px 0 0 0;
    }
    .article-terms ul {
        margin: 14px 0 0 0;
    }
    .article-terms a {
        font-size: 16px;
    }
    .sticky-tags span {
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: -1px;
        color: #212121;
    }
    .sticky-tags span i {
        display: none;
    }
    .sticky-tags ul {
        margin-top: 16px;
    }
    .sticky-tags ul li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.3px;
        margin: 0;
        text-decoration: underline;
    }
    .article-content figure figcaption {
        line-height: 16px;
    }
    .article-content p {
        font-size: 18px;
        line-height: 28px;
    }
    .article-content .container-article-table,
    .article-content .container-default-table {
        margin: 0 -16px 0 -16px;
        width: calc(100% + 32px);
    }
    .article-content .container-article-table table,
    .article-content .container-default-table table {
        margin: 0 16px 10px 16px;
    }
    .article-content table tr td {
        font-size: 12px;
    }
    .article-content blockquote {
        padding: 0 0 16px 16px;
    }
    .article-content blockquote p {
        font-size: 20px;
        line-height: 28px;
    }
    .disclaimer {
        padding: 24px 16px !important;
    }
    .header-brand {
        margin-top: 16px;
        display: list-item;
    }
    .header-brand .container {
        flex-direction: column;
        align-items: baseline;
    }
    .header-brand h1 {
        order: 1;
        font-size: 32px;
        letter-spacing: -0.01em;
        font-weight: 700;
        margin-bottom: 0;
    }
    .header-brand h2 {
        font-size: 24px;
        line-height: 1;
        letter-spacing: -0.7px;
    }
    .header-brand .brand-image {
        order: 0;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        display: flex;
    }
    .header-brand .brand-image div {
        margin: 0 0 8px 0;
        font-size: 10px;
        line-height: 1;
    }
    .header-brand .brand-image img {
        width: 100px;
        max-height: 16px;
    }
    .hat-and-brand {
        flex-direction: column;
    }
    .hat-and-brand .post-hat {
        align-self: flex-start;
        margin: 25px 0 0 0;
    }
    .hat-and-brand .post-brand {
        order: -1;
        align-self: flex-end;
    }
    .info-spotlight {
        position: relative;
        background: 0 0;
        padding: 0 16px 16px 16px;
    }
    .info-spotlight .hl-hat {
        color: #6c757d;
    }
    .info-spotlight .hl-title a {
        color: #000;
    }
    .hl-title-5 {
        font-size: 20px;
        line-height: 24px;
    }
    .border-t-mobile {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
    .border-b-mobile-none {
        border: none;
    }
    .widget-header h2 {
        font-size: 20px;
        letter-spacing: -0.33px;
    }
    div.container-normal-blocks {
        padding-left: 0;
        padding-right: 0;
    }
    .category .container-normal-blocks .items {
        padding-right: 16px;
    }
}
.comdinheiro {
    margin: 34px 0 24px 0;
    display: flex;
    align-items: center;
}
.comdinheiro p {
    font-size: 12px;
    margin: 0 7px 0 0;
}
.comdinheiro a img {
    height: 36px;
}
.footer {
    background: #121212;
    padding: 80px 0;
}
.footer-top {
    color: #fff;
}
.footer-map {
    color: #fff;
}
.footer-map ul {
    display: flex;
    justify-content: space-between;
}
.footer-map ul li a {
    color: #6c757d;
}
.footer-map ul li ul {
    display: list-item;
}
.footer-map ul li ul li a {
    color: #f5f7f8;
    font-weight: 400;
}
.footer-map li a {
    color: #f5f7f8;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}
.footer-map li a:hover {
    color: #fff;
}
.footer-top .title-call {
    width: 200px;
    font-family: "Helvetica Neue", "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: -0.6px;
    color: #6c757d;
}
.footer-menu-extra {
    font-size: 12px;
    line-height: 16px;
    color: #6c757d;
    padding-bottom: 40px;
}
.footer-menu-extra .logo-footer {
    width: 140px;
    margin: 0 0 24px 0;
    display: block;
}
.footer-menu-extra ul {
    margin: 0;
    padding: 0;
}
.footer-menu-extra ul li.menu-item {
    padding: 5px;
    list-style: none;
    display: inline-block;
}
.footer-menu-extra ul li.menu-item a {
    color: #f5f7f8;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}
.footer-menu-extra ul li:first-child {
    padding: 5px 5px 5px 0;
}
.footer-menu-extra #menu-rodape-institucional {
    display: inline-flex;
}
.footer-social {
    display: flex;
    align-items: center;
}
.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.12);
    font-size: 18px;
}
.footer-social a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}
.footer-social a + a {
    margin-left: 12px;
}
.footer-disclaimer {
    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    color: #6c757d;
    margin: 40px 0 0 0;
    padding: 48px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-disclaimer b {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}
.footer-disclaimer div {
    padding: 0;
}
.newsletter-footer {
    background-color: #f5f7f8;
    padding: 48px 0;
    margin: 48px 0 0 0;
    display: none;
}
.newsletter-footer .newsletter-form {
    width: 688px;
    margin: 0 auto;
    text-align: center;
}
.newsletter-footer .newsletter-form .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    letter-spacing: -1px;
    color: var(--black);
}
.newsletter-footer .newsletter-form p {
    letter-spacing: -0.3px;
    margin: 8px 0 0 0;
}
.newsletter-footer .newsletter-form form {
    margin: 16px 0 0 0;
    display: flex;
}
.newsletter-footer .newsletter-form form input#email-footer {
    flex-grow: 1;
    margin: 0 16px 0 41px;
    padding: 0 16px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
.newsletter-footer .newsletter-form form input#submit-btn {
    margin: 0 41px 0 0;
    background-color: #0091ff;
    border: none;
    padding: 18px 32px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.3px;
    border-radius: 0;
}
.newsletter-footer .newsletter-form #status-footer {
    padding: 10px 0 0 0;
    display: block;
}
.down-app {
    display: flex;
    flex-wrap: wrap;
}
.down-app h6 {
    flex-basis: 100%;
}
.down-app a img {
    height: 40px;
    width: auto;
}
.down-app a + a {
    margin-left: 20px;
}
@media screen and (max-width: 991px) {
    .newsletter-footer .newsletter-form {
        width: 100%;
        padding: 0 16px;
    }
    .newsletter-footer .newsletter-form p {
        font-size: 14px;
        line-height: 20px;
    }
    .newsletter-footer .newsletter-form form input#email-footer {
        margin: 0 4px 0 0;
        width: calc(100% - 130px);
    }
    .newsletter-footer .newsletter-form form input#submit-btn {
        padding: 18px 24px;
        margin: 0;
    }
    .footer-map ul {
        flex-direction: column;
        margin: 0 0 36px 0;
    }
    .footer-map ul li {
        margin: 36px 0 0 0;
    }
    .footer-map ul li ul {
        margin: 0;
    }
    .footer-map ul li ul li {
        margin: 0;
    }
    .footer-social {
        margin: 0 0 36px 0;
    }
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    background: #212121;
}
.header .logo-link {
    margin: 13px 0 7px 16px;
}
.header .logo-link .logo {
    max-height: 28px;
}
.header .menu-open {
    color: rgba(255, 255, 255, 0.6);
}
.header .menu-open:hover {
    color: #fff;
}
.header .nav-topics i {
    color: #0091ff;
}
.header .nav-topics a {
    color: rgba(255, 255, 255, 0.9);
}
.header .nav-topics a:hover {
    color: #fff;
}
.header .nav-topics span {
    color: #fff;
}
.header .header-action {
    color: rgba(255, 255, 255, 0.6);
}
.header .header-action:hover {
    color: #fff;
}
.header-full {
    display: none;
}
.header-full .logo-link {
    padding: 15px 0 5px 0;
}
.header-full .logo-link .logo {
    max-height: 48px;
}
.header-full .nav-topics i {
    color: var(--blue);
}
.header-full .nav-topics a {
    color: #111;
}
.header-full .nav-topics a:hover {
    color: var(--blue);
}
.header-full .header-action {
    color: var(--gray);
}
.header-full .header-action:hover {
    color: var(--darkgray);
}
.header-full .color-lightblue {
    color: var(--darkgray) !important;
}
.header-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.header-action:hover {
    text-decoration: none;
}
.container-nav-topics {
    background-color: #f9f9f9;
}
.nav-topics {
    height: 40px;
}
.nav-topics i {
    font-size: 18px;
}
.nav-topics a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: -0.2px;
}
.nav-topics a:hover {
    text-decoration: none;
}
.nav-topics span {
    margin: 0 10px;
}
.color-lightblue {
    color: var(--lightblue) !important;
}
.container-header-small {
    position: sticky;
    top: 0;
    z-index: 99;
}
.container-header-small div.header-full {
    display: none;
}
.container-header-small div.header {
    transform: none;
    position: relative;
}
.container-search-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000%;
    background-color: #fff;
    z-index: 2000;
    animation: fadein 0.5s;
}
.container-search-header .header-search {
    height: 48px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}
.container-search-header .header-search img {
    height: 28px;
    margin: 13px 0 7px 16px;
    cursor: pointer;
}
.container-search-header .header-search button {
    background: 0 0;
    border: none;
    height: 24px;
    width: 24px;
    padding: 0;
    margin: 12px 16px 12px 0;
    cursor: pointer;
}
.container-search-header .header-search button i {
    color: #666;
}
.container-search-header .header-search button:hover i {
    color: #212121;
}
.container-search-header .container {
    height: 100vh;
    margin: -48px auto 0 auto;
    display: flex;
    align-items: center;
}
.container-search-header .container .row {
    flex-basis: calc(100% + 32px);
}
.container-search-header .container .row form#header-search {
    display: flex;
}
.container-search-header .container .row form#header-search input[type="text"] {
    width: 100%;
    background: 0 0;
    border-width: 0 0 1px 0;
    border-color: #ddd;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    height: 72px;
    padding: 18px 0;
}
.container-search-header .container .row form#header-search input[type="text"]:focus {
    outline: 0;
    border-color: #0091ff;
}
.container-search-header .container .row form#header-search input[type="text"]::placeholder {
    color: #ccc;
}
.container-search-header .container .row form#header-search button {
    background: 0 0;
    height: 72px;
    border-width: 0 0 1px 0;
    border-color: #ddd;
    border-style: solid;
    cursor: pointer;
}
.container-search-header .container .row form#header-search button i {
    font-size: 26px;
    color: #ccc;
}
.container-search-header .container .row form#header-search input[type="text"]:focus ~ button {
    border-color: #0091ff;
}
.container-search-header .container .row form#header-search input[type="text"]:focus ~ button i {
    color: #0091ff;
}
.container-search-header .container .row .topics-search {
    padding-top: 20px;
}
.container-search-header .container .row .topics-search div {
    padding: 10px 16px;
    display: flex;
}
.container-search-header .container .row .topics-search div i {
    color: #0091ff;
    font-size: 18px;
}
.container-search-header .container .row .topics-search div a {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #111;
    margin: 0 0 0 16px;
}
.container-search-header .container .row .topics-search div a:hover {
    color: #0091ff;
}
@media (min-width: 992px) {
    .header {
        transform: translateY(-100%);
    }
    .header.is-visible {
        transform: translateY(0);
    }
    .header-full {
        display: block;
    }
}
@media screen and (max-width: 991px) {
    .container-search-header .container {
        margin: 0;
        align-items: start;
    }
    .container-search-header .container .row form#header-search {
        margin: 16px 0 0 0;
    }
    .container-search-header .container .row form#header-search input[type="text"] {
        font-size: 18px;
    }
    .container-search-header .container .row .topics-search div {
        padding: 10px 0;
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#menu-side {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100%;
    z-index: 9999999999999;
    background-color: #000;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    transition: left 0.25s ease-in-out;
}
#menu-side .menu-header {
    height: 48px;
}
#menu-side .menu-header #menu-close {
    cursor: pointer;
}
#menu-side .menu-header #menu-close i {
    width: 24px;
    height: 24px;
    float: right;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    margin: 12px 16px 0 0;
    transition: all 0.2s ease-in-out;
}
#menu-side .menu-header #menu-close:hover i {
    color: #fff;
}
#menu-side .topics-menu {
    padding: 8px 0 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
#menu-side .topics-menu a {
    padding: 8px 16px;
    display: flex;
}
#menu-side .topics-menu a i {
    color: #0091ff;
    font-size: 24px;
}
#menu-side .topics-menu a p {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.7);
    margin: 2px 0 2px 16px;
}
#menu-side .topics-menu a:hover {
    background-color: rgba(255, 255, 255, 0.02);
}
#menu-side .topics-menu a:hover p {
    color: #fff;
}
#menu-side ul {
    cursor: pointer;
    margin: 0;
}
#menu-side ul li {
    padding: 0;
}
#menu-side ul li a {
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}
#menu-side ul li ul {
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s;
}
#menu-side ul li ul li a {
    padding: 10px 32px;
    display: block;
}
#menu-side ul li:hover {
    background-color: rgba(255, 255, 255, 0.02);
}
#menu-side ul li:hover a {
    color: #fff;
}
#menu-side > ul > li.menu-item-has-children:before {
    content: "keyboard_arrow_down";
    font-family: "Material Icons";
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 16px;
    z-index: -1;
    font-size: 24px;
    line-height: 40px;
}
#menu-side > ul > li.menu-item-has-children:hover {
    background-color: rgba(255, 255, 255, 0.02);
}
#menu-side > ul > li.menu-item-has-children:hover a,
#menu-side > ul > li.menu-item-has-children:hover:before {
    color: #fff;
}
#menu-side > ul > li.menu-item-has-children:hover ul li a {
    color: rgba(255, 255, 255, 0.7);
}
#menu-side > ul > li.menu-item-has-children:hover ul li a:hover {
    color: #fff;
}
#menu-side > ul > li.menu-item-has-children.opened:before {
    content: "keyboard_arrow_up";
}
#menu-side > ul > li.menu-item-has-children.opened ul {
    transition: max-height 0.5s;
    padding: 8px 0;
}
#menu-side > ul > li > a {
    padding: 10px 16px 10px 16px;
    display: block;
}
#menu-side::-webkit-scrollbar {
    width: 0 !important;
}
#menu-side.opened {
    transition: left 0.25s ease-in-out;
    left: 0;
}
@media screen and (max-width: 320px) {
    #menu-side {
        width: 100%;
    }
}
.container,
.container-fluid {
    padding-right: 16px;
    padding-left: 16px;
}
.container {
    max-width: 1280px;
}
.row {
    margin-right: -16px;
    margin-left: -16px;
}
.container.row {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}
figure {
    margin: 0;
}
.img-fluid {
    width: 100%;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 16px;
    padding-left: 16px;
}
.mt-2,
.my-2 {
    margin-top: 12px !important;
}
.mb-2,
.my-2 {
    margin-bottom: 12px !important;
}
.mt-5,
.my-5 {
    margin-top: 40px !important;
}
.mb-5,
.my-5 {
    margin-bottom: 40px !important;
}
.pt-5,
.py-5 {
    padding-top: 5rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 5rem !important;
}
.mt-1,
.my-1 {
    margin-top: 4px !important;
}
.mb-1,
.my-1 {
    margin-bottom: 4px !important;
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 12px !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 12px !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 40px !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 40px !important;
    }
}
.userPanel {
    position: relative;
}
.userPanel .login-header {
    display: none;
    padding: 15px 16px 17px 16px;
    cursor: pointer;
}
.userPanel .login-header i,
.userPanel .login-header p {
    color: rgba(255, 255, 255, 0.9);
}
.userPanel .login-header p {
    margin: 0 24px 0 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
.userPanel .login-header a {
    display: flex;
}
.userPanel .login-header:before {
    content: "keyboard_arrow_down";
    font-family: "Material Icons";
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 16px;
    font-size: 24px;
    line-height: 24px;
}
.userPanel .login-header.not-logged:before {
    content: "";
    display: none;
}
.userPanel .login-options {
    display: none;
    color: #fff;
}
.userPanel.active .login-header:before {
    content: "keyboard_arrow_up";
}
.userPanel.active .login-options {
    display: block;
}
.header,
.header-full {
    z-index: 1030;
}
.header .userPanel,
.header-full .userPanel {
    margin: 0 24px 0 0;
}
.header .userPanel .login-header,
.header-full .userPanel .login-header {
    padding: 8px;
}
.header .userPanel .login-header p,
.header-full .userPanel .login-header p {
    font-size: 13px;
    letter-spacing: -0.2px;
    margin: 0 24px 0 4px;
}
.header .userPanel .login-header:before,
.header-full .userPanel .login-header:before {
    content: "arrow_drop_down";
    right: 8px;
}
.header .userPanel .login-header.not-logged p,
.header-full .userPanel .login-header.not-logged p {
    margin: 0 4px 0 4px;
}
.header .userPanel .login-options,
.header-full .userPanel .login-options {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 8px 0;
    z-index: 9;
    min-width: 150px;
}
.header .userPanel .login-options li,
.header-full .userPanel .login-options li {
    padding: 12px 16px;
    list-style: none;
}
.header .userPanel .login-options li a,
.header-full .userPanel .login-options li a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #212121;
    font-weight: 600;
}
.header .userPanel .login-options li:hover,
.header-full .userPanel .login-options li:hover {
    background-color: #f0f0f0;
}
.header .userPanel.active .login-header:before,
.header-full .userPanel.active .login-header:before {
    content: "arrow_drop_up";
}
.header:not(.is-visible) .userPanel {
    display: none;
}
.container-header-small .header:not(.is-visible) .userPanel {
    display: block;
}
.header-full .userPanel {
    position: absolute;
    right: 40px;
}
.header-full .userPanel .login-header i,
.header-full .userPanel .login-header p {
    color: #666;
}
.header-full .userPanel .login-header:before {
    color: #212121;
}
.header-full .userPanel .login-header:hover {
    background-color: #f0f0f0;
}
.header-full .userPanel .login-header:hover i,
.header-full .userPanel .login-header:hover p {
    color: #212121;
}
.header .userPanel .login-header:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
#menu-side .userPanel .login-header {
    background-color: rgba(255, 255, 255, 0.15);
}
#menu-side .userPanel .login-options {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0;
}
#menu-side .userPanel .login-options li {
    list-style: none;
    padding: 10px 16px;
}
@media screen and (max-width: 991px) {
    .header .userPanel,
    .header-full .userPanel {
        display: none;
    }
    .container-header-small .header:not(.is-visible) .userPanel {
        display: none;
    }
}
.item-list {
    align-items: center;
    padding: 20px 0 20px 0;
    margin: 0;
}
.item-list div.img {
    flex-basis: 25%;
    overflow: hidden;
    margin-right: 16px;
    margin-left: 0;
}
.item-list div.img figure {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 56.25%;
    margin: 0;
    background-color: #000;
}
.item-list div.img figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    margin: auto;
}
.item-list div.info {
    flex-basis: calc(75% - 48px);
    margin-left: 16px;
}
@media screen and (max-width: 991px) {
    .item-list {
        padding: 16px 0 16px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        margin: 0;
    }
    .item-list div.img {
        margin-right: 16px;
        margin-left: 0;
    }
    .item-list div.info {
        flex-basis: calc(75% - 16px);
        margin-left: 0;
    }
    .item-list div.info .hl-title {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.8px;
    }
    div.item-list:nth-last-child(2) {
        border-bottom: none;
    }
}
#infiniteScroll div.row.item:first-child {
    padding-top: 0 !important;
}
#infiniteScroll #infinite-handle {
    display: flex;
}
#infiniteScroll #infinite-handle span,
#infiniteScroll #infinite-handle span:hover {
    background-color: var(--blue);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    border-radius: 2px;
    padding: 16px;
    margin: 24px auto 0 auto;
}
#infiniteScroll #infinite-handle span button,
#infiniteScroll #infinite-handle span:hover button {
    font-size: 14px;
}
#infiniteScroll #infinite-handle span:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#infiniteScroll .infinite-loader {
    margin: 32px auto;
    height: 46px;
    display: flex;
}
#infiniteScroll .infinite-loader .spinner {
    margin: 22px auto;
    top: initial !important;
    left: initial !important;
}
@media screen and (max-width: 991px) {
    #infiniteScroll #infinite-handle span,
    #infiniteScroll #infinite-handle span:hover {
        margin: 22px auto;
    }
}
